texto editor de la búsqueda Web navegador
Ver Más instrucciones
Cómo dar formato a las páginas Web Uso de una hoja de estilos externa
1
Abra un texto editor y crear un nuevo archivo . El nombre de la myStylesheet.css archivos.
2
Editar myStylesheet.css . Añadir un estilo para el archivo que colores etiquetas "
" utilizados en cualquier página web que hace referencia a myStylesheet.css rojo. Guarde y cierre myStylesheet.css
p
{ color: red; }
3
volver al editor de texto, y crear un nuevo archivo . Nombre del archivo useExternal.html y guardarlo en la misma ubicación que myStylesheet.css .
4
Editar useExternal.html . Agregue un poco de HTML al archivo que incluye una abierta HTML tag " " , un HTML etiqueta " head " abierto , cercano HTML " < /head> " etiqueta, un HTML "
abierto " etiqueta, una estrecha HTML" < /body> "etiqueta y una estrecha HTML" < /html> " Página 5 continuar editando useExternal.html . Añadir un enlace al myStylesheet.css en la sección " head " del archivo. Establecer el valor "href " a " myStylesheet.css " , el valor "rel " a " text /hoja de estilo " y el valor "tipo" a " text /css" .
< /head>
< /body>
< /html>
6
Continúe editando useExternal.html . Añada un "
" etiqueta de cabecera HTML al archivo en la sección " " , establecer el encabezado con el texto "Text Header " y cierre el "< /h1 > " tag .
< p>
< p> < /head>
Texto de cabecera < /h1 >
< /body>
< /html>
7
continuar editando useExternal.html . Añadir un HTML "
" etiqueta de párrafo en el archivo después de la etiqueta "
" , establecer el texto del párrafo a " párrafo de texto" y cierre el "< /p> " tag . Guarde y cierre useExternal.html .
Enlace tipo < href = " myStylesheet.css " rel = "stylesheet " = "text /css" >
< /head>
texto de cabecera < /h1 >
párrafo del texto < /p >
< /body>
< /html>
8
useExternal.html Abrir en un navegador web . Verifique que el texto colocado en el interior del "
" y "< /p >" etiquetas es de color rojo . Color
Cómo dar formato a una página web mediante una hoja de estilos interna
9
Abra un editor de texto y crear un nuevo archivo llamado useInternal.html . Agregue un poco de HTML al archivo que incluye una abierta HTML tag " " , un HTML etiqueta " head " abierto , cercano HTML " < /head> " etiqueta, un HTML "
abierto " etiqueta, una estrecha HTML" < /body> " etiqueta, y una estrecha HTML" < /html> " página 10continuar editando useInternal.html . Añadir un estilo entre el " head " y "< /head> " etiquetas de colores que cualquier texto que utiliza el "
" etiqueta azul.
< p>