SlideShare une entreprise Scribd logo
1  sur  3
Télécharger pour lire hors ligne
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:

Contenu connexe

Tendances

Tendances (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
 

En vedette

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
 

En vedette (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)
 

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

Similaire à 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
 

Dernier

Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxmrzreyes12
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
Software y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfSoftware y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfDanielaEspitiaHerrer
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)BrianaFrancisco
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.Aldo Fernandez
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...#LatamDigital
 

Dernier (14)

Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptx
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
Software y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfSoftware y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdf
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
 

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: