SlideShare una empresa de Scribd logo
1 de 4
COLEGIO NACIONAL NICOLÁS ESGUERRA
EDIFICAMOS FUTURO
JHONATAN LIZARAZO GIL 906
ANDRES FELIPE JIMENEZ TORRES 906
ETIQUETAS.
Saltos de línea <br>
En general, cuando trabajamos con un editor de texto se produce un salto de línea
al pulsar la tecla INTRO.
Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el
código, pero no se mostrará en el navegador. Para que se produzca el salto de
línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la
etiqueta <br> donde se desee que se produzca el salto.
La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la
etiqueta </br> después de ella, ya que dicha etiqueta no existe.
Texto preformateado <pre>
Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha
sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.
Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se
mostrarán todos los espacios en blanco que se inserten en el texto, así como
todos los saltos de línea resultantes de pulsar la tecla INTRO, sin la necesidad de
utilizar la etiqueta <br>.
Separadores <hr>
El elemento que suele utilizarse para separar secciones dentro de una misma
página es la regla horizontal. Para insertar una regla horizontal hay que insertar la
etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre.
Es posible especificar algunos atributos de la regla horizontal
Sangrado de texto <blockquote>
La sangría es una especie de margen que se establece a ambos lados del texto.
Para que un texto aparezca sangrado, se inserta entre las etiquetas <blockquote>
y </blockquote>.
Esta etiqueta en un principio se definió para delimitar citas pero que como la
mayoría de los navegadores resuelven la cita incluyendo un sangrado del texto, su
uso para sangrar texto se ha generalizado.
El uso de la etiqueta <blockquote> obliga a que el texto aparezca en una nueva
línea.
Formatear el texto <font> ...
Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para
ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando
algunos de los atributos de la etiqueta
COLORES HEXADECIMALES
Vista de navegador con las etiquetas <hr> y <br>
VISTA PREVIA DE LA PAGINA WEB
VISTA PREVIA DE BLOC DE NOTAS

Más contenido relacionado

La actualidad más candente (16)

Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Index 2 html taller informatica 904
Index 2 html taller informatica 904 Index 2 html taller informatica 904
Index 2 html taller informatica 904
 
fuentes
fuentesfuentes
fuentes
 
Jjjjjjj
JjjjjjjJjjjjjj
Jjjjjjj
 
Pagina web clase 2
Pagina web clase 2Pagina web clase 2
Pagina web clase 2
 
Segunda clase pagina web
Segunda clase pagina webSegunda clase pagina web
Segunda clase pagina web
 
2 johan
2 johan2 johan
2 johan
 
Taller dos paginaweb
Taller dos paginawebTaller dos paginaweb
Taller dos paginaweb
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Colegio nicolas esguerra web 2
Colegio nicolas esguerra web 2Colegio nicolas esguerra web 2
Colegio nicolas esguerra web 2
 
Html00000
Html00000Html00000
Html00000
 
paul walker nissa
paul walker nissa paul walker nissa
paul walker nissa
 
Trucos Html
Trucos HtmlTrucos Html
Trucos Html
 
Kihoipvfgh
KihoipvfghKihoipvfgh
Kihoipvfgh
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 

Similar a Html unidad 3 (20)

Colegio nacional nicolás esguerra html
Colegio nacional nicolás esguerra htmlColegio nacional nicolás esguerra html
Colegio nacional nicolás esguerra html
 
Colegio nacional nicolás esguerra html
Colegio nacional nicolás esguerra htmlColegio nacional nicolás esguerra html
Colegio nacional nicolás esguerra html
 
valentin
valentinvalentin
valentin
 
1
11
1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML 2
HTML 2HTML 2
HTML 2
 
unidad 1.y 2
unidad 1.y 2unidad 1.y 2
unidad 1.y 2
 
Colegio nacional nicolas esguherra 2
Colegio nacional nicolas esguherra 2Colegio nacional nicolas esguherra 2
Colegio nacional nicolas esguherra 2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html111
Html111Html111
Html111
 
Pagina web ll
Pagina web llPagina web ll
Pagina web ll
 
Colegio nicolás esguerra 4 periodo (1)
Colegio nicolás esguerra 4 periodo (1)Colegio nicolás esguerra 4 periodo (1)
Colegio nicolás esguerra 4 periodo (1)
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Colegio nacional nicolas esguerraghgf
Colegio nacional nicolas esguerraghgfColegio nacional nicolas esguerraghgf
Colegio nacional nicolas esguerraghgf
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
trabajo mi primera web
trabajo mi primera webtrabajo mi primera web
trabajo mi primera web
 
web 2
web 2web 2
web 2
 
Nicolas 154
Nicolas 154Nicolas 154
Nicolas 154
 

Más de Pipe Jimenez

Más de Pipe Jimenez (11)

Html unidad 3 iii
Html unidad 3 iiiHtml unidad 3 iii
Html unidad 3 iii
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontec
 
Evidencia base de datos
Evidencia base de datosEvidencia base de datos
Evidencia base de datos
 
CRECACION DE FORMATOS DE FACTURAS
CRECACION DE FORMATOS DE FACTURAS CRECACION DE FORMATOS DE FACTURAS
CRECACION DE FORMATOS DE FACTURAS
 
presentación 1
presentación 1presentación 1
presentación 1
 
Crucigrama
CrucigramaCrucigrama
Crucigrama
 
Redes informaticas
Redes informaticasRedes informaticas
Redes informaticas
 
Empresa
EmpresaEmpresa
Empresa
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Empresa
EmpresaEmpresa
Empresa
 

Último

2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 

Último (20)

2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 

Html unidad 3

  • 1. COLEGIO NACIONAL NICOLÁS ESGUERRA EDIFICAMOS FUTURO JHONATAN LIZARAZO GIL 906 ANDRES FELIPE JIMENEZ TORRES 906 ETIQUETAS. Saltos de línea <br> En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO. Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto. La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> después de ella, ya que dicha etiqueta no existe. Texto preformateado <pre> Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>. Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán todos los espacios en blanco que se inserten en el texto, así como todos los saltos de línea resultantes de pulsar la tecla INTRO, sin la necesidad de utilizar la etiqueta <br>. Separadores <hr>
  • 2. El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre. Es posible especificar algunos atributos de la regla horizontal Sangrado de texto <blockquote> La sangría es una especie de margen que se establece a ambos lados del texto. Para que un texto aparezca sangrado, se inserta entre las etiquetas <blockquote> y </blockquote>. Esta etiqueta en un principio se definió para delimitar citas pero que como la mayoría de los navegadores resuelven la cita incluyendo un sangrado del texto, su uso para sangrar texto se ha generalizado. El uso de la etiqueta <blockquote> obliga a que el texto aparezca en una nueva línea. Formatear el texto <font> ... Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta
  • 3. COLORES HEXADECIMALES Vista de navegador con las etiquetas <hr> y <br>
  • 4. VISTA PREVIA DE LA PAGINA WEB VISTA PREVIA DE BLOC DE NOTAS