Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas

3
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.

description

Formato de texto, párrafos y primeros colores en HTML.

Transcript of Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas

Page 1: Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas

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.

Page 2: Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas

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:

Page 3: Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas

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: