SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
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.
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:
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:

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

dayanna igua
dayanna iguadayanna igua
dayanna igua
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
 
Primera web
Primera webPrimera web
Primera web
 
Html
HtmlHtml
Html
 
Html y tags
Html y tagsHtml y tags
Html y tags
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
 
Taller de html
Taller de htmlTaller de html
Taller de html
 
Diseño de páginas web - Saltos de renglón y Párrafos
Diseño de páginas web - Saltos de renglón y PárrafosDiseño de páginas web - Saltos de renglón y Párrafos
Diseño de páginas web - Saltos de renglón y Párrafos
 
Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!
 
DF
DFDF
DF
 
D
DD
D
 
Html
HtmlHtml
Html
 
Tecnologia1001 p2019 evaluacion
Tecnologia1001 p2019 evaluacionTecnologia1001 p2019 evaluacion
Tecnologia1001 p2019 evaluacion
 
Pgna1 4 PERIODO
Pgna1 4 PERIODOPgna1 4 PERIODO
Pgna1 4 PERIODO
 
Codigo de textos
Codigo de textosCodigo de textos
Codigo de textos
 
Codigos de texto
Codigos de textoCodigos de texto
Codigos de texto
 
Html 101
Html 101Html 101
Html 101
 

Andere mochten auch

Guiamoodle 1
Guiamoodle 1Guiamoodle 1
Guiamoodle 1aalva1959
 
Ava y el bicentenario preforo Envigado
Ava y el bicentenario preforo EnvigadoAva y el bicentenario preforo Envigado
Ava y el bicentenario preforo EnvigadoWalter Agudelo Marin
 
Acta De Adjudicacion MEN
Acta De Adjudicacion MENActa De Adjudicacion MEN
Acta De Adjudicacion MENJuan David
 
World Media
World MediaWorld Media
World MediaUwaseem
 
Pautas recomendadas producción
Pautas recomendadas producciónPautas recomendadas producción
Pautas recomendadas producciónred.es
 
Competencias especialista e-learnig
Competencias especialista e-learnig Competencias especialista e-learnig
Competencias especialista e-learnig GCEL Corporativo
 
Mejoras Para La GestióN De Delegaciones Remotas En
Mejoras Para La GestióN De Delegaciones Remotas EnMejoras Para La GestióN De Delegaciones Remotas En
Mejoras Para La GestióN De Delegaciones Remotas EnNoé Vásquez
 
Careaga snow leopard y lion osx los felinos de apple jun 2011
Careaga snow leopard y lion osx los felinos de apple jun 2011 Careaga snow leopard y lion osx los felinos de apple jun 2011
Careaga snow leopard y lion osx los felinos de apple jun 2011 mercadillo
 
Proyecto: Seguridad en la red
Proyecto: Seguridad en la redProyecto: Seguridad en la red
Proyecto: Seguridad en la redMarcebrise
 
Asociación Civil de Productores de Taya - Protaya Condebamba
Asociación Civil de Productores de Taya - Protaya CondebambaAsociación Civil de Productores de Taya - Protaya Condebamba
Asociación Civil de Productores de Taya - Protaya CondebambaVLADEMIRSS
 
Loquemepasollibran
LoquemepasollibranLoquemepasollibran
Loquemepasollibrandante123456
 
RevisióN Del MóDulo Con E Learning
RevisióN Del MóDulo Con E LearningRevisióN Del MóDulo Con E Learning
RevisióN Del MóDulo Con E LearningRonald Knust Graichen
 
Univer.laty (trabajo terminado de metodos)
Univer.laty (trabajo terminado de metodos)Univer.laty (trabajo terminado de metodos)
Univer.laty (trabajo terminado de metodos)fanyzitha Cabrera
 

Andere mochten auch (20)

Cjv
CjvCjv
Cjv
 
Guiamoodle 1
Guiamoodle 1Guiamoodle 1
Guiamoodle 1
 
Ava y el bicentenario preforo Envigado
Ava y el bicentenario preforo EnvigadoAva y el bicentenario preforo Envigado
Ava y el bicentenario preforo Envigado
 
Acta De Adjudicacion MEN
Acta De Adjudicacion MENActa De Adjudicacion MEN
Acta De Adjudicacion MEN
 
World Media
World MediaWorld Media
World Media
 
Alitara
AlitaraAlitara
Alitara
 
Pautas recomendadas producción
Pautas recomendadas producciónPautas recomendadas producción
Pautas recomendadas producción
 
Usampymes2
Usampymes2Usampymes2
Usampymes2
 
Competencias especialista e-learnig
Competencias especialista e-learnig Competencias especialista e-learnig
Competencias especialista e-learnig
 
Mejoras Para La GestióN De Delegaciones Remotas En
Mejoras Para La GestióN De Delegaciones Remotas EnMejoras Para La GestióN De Delegaciones Remotas En
Mejoras Para La GestióN De Delegaciones Remotas En
 
Careaga snow leopard y lion osx los felinos de apple jun 2011
Careaga snow leopard y lion osx los felinos de apple jun 2011 Careaga snow leopard y lion osx los felinos de apple jun 2011
Careaga snow leopard y lion osx los felinos de apple jun 2011
 
Proyecto: Seguridad en la red
Proyecto: Seguridad en la redProyecto: Seguridad en la red
Proyecto: Seguridad en la red
 
Intranet
IntranetIntranet
Intranet
 
Le macaron
Le macaronLe macaron
Le macaron
 
El Pais: Joaquin Dosil, el entrenador de Lotina
El Pais: Joaquin Dosil, el entrenador de LotinaEl Pais: Joaquin Dosil, el entrenador de Lotina
El Pais: Joaquin Dosil, el entrenador de Lotina
 
Niño griego-3
Niño griego-3Niño griego-3
Niño griego-3
 
Asociación Civil de Productores de Taya - Protaya Condebamba
Asociación Civil de Productores de Taya - Protaya CondebambaAsociación Civil de Productores de Taya - Protaya Condebamba
Asociación Civil de Productores de Taya - Protaya Condebamba
 
Loquemepasollibran
LoquemepasollibranLoquemepasollibran
Loquemepasollibran
 
RevisióN Del MóDulo Con E Learning
RevisióN Del MóDulo Con E LearningRevisióN Del MóDulo Con E Learning
RevisióN Del MóDulo Con E Learning
 
Univer.laty (trabajo terminado de metodos)
Univer.laty (trabajo terminado de metodos)Univer.laty (trabajo terminado de metodos)
Univer.laty (trabajo terminado de metodos)
 

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

Ähnlich wie Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas (20)

Guia html 1
Guia html 1Guia html 1
Guia html 1
 
Manual html
Manual htmlManual html
Manual html
 
html
htmlhtml
html
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
crear una web
crear una web crear una web
crear una web
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Practica 1 HTML - Introducción al entorno de desarrollo
Practica 1 HTML - Introducción al entorno de desarrolloPractica 1 HTML - Introducción al entorno de desarrollo
Practica 1 HTML - Introducción al entorno de desarrollo
 
Curso de diseño CSS
Curso de diseño CSSCurso de diseño CSS
Curso de diseño CSS
 
Tutorial html frames elbragao69 ipn prof montiel
Tutorial html frames elbragao69 ipn prof montielTutorial html frames elbragao69 ipn prof montiel
Tutorial html frames elbragao69 ipn prof montiel
 
Html
HtmlHtml
Html
 
Html, css y tablas.compressed
Html, css y tablas.compressedHtml, css y tablas.compressed
Html, css y tablas.compressed
 

Kürzlich hochgeladen

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 

Kürzlich hochgeladen (6)

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 

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: