Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas
1. ESTILOS, PÁRRAFOS, ESPACIOS EN BLANCO y LÍNEAS
EJERCICIO UNO – ESTILOS DE LETRA
Se procurará reafirmar los conocimientos de la práctica anterior.
Escriba el siguiente código en Sublime Text 3 (si no tiene el programa puede descargarlo desde aquí):
Tómese su tiempo para escribir el código tal y como se muestra. Guarde este archivo como
estilotexto.html y ejecútelo en el navegador. La página web se verá similar a esto:
Algo importante que se notará es que HTML tiene muchas palabras en inglés, entre estas se
encuentran los colores. Acá se deja al alumno un listado con algunos de los diferentes nombres de los
colores en inglés que puede utilizar en sus páginas HTML.
Como ejercicio al alumno modifique los colores en el atributo color que aparece en el código HTML.
Una vez realizados los cambios, guarde su archivo y vuelva a abrir su archivo HTML o recargue su
página web con la tecla F5.
2. NOMBRES DE COLORES EN HTML
EJERCICIO DOS – PARRAFOS Y ESPACIOS EN BLANCO
Abra una nueva pestaña en Sublime Text 3 (Ctrl+N). Copie el código de la página web anterior en la
pestaña en blanco. Realice las modificaciones que se muestran a continuación:
Guarde este archivo como espacios.html y ábralo en el navegador. Se verá de la siguiente manera:
3. De esta manera es que se dan espacios, saltos de línea y se definen párrafos en HTML. Al principio
parece un trabajo tedioso, pero cuando lleguemos a la sección de CSS todo esto se simplificará.
EJERCICIO TRES – LÍNEAS
Abra una nueva pestaña en Sublime Text 3 y escriba el siguiente código:
Guárdelo como líneas.html y ábralo en el navegador. Deberá verse de la siguiente manera: