SlideShare una empresa de Scribd logo
902
JOHAN STEVEN RIVERA ROMERO
JULIAN CAMILO RIVERA GARCIA
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>.
Saltos de línea <br>
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.
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
Resaltado del texto <b>
Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra
entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan
asociados al tipo de letra o a la información que represente el texto. No hay que olvidar que todas
estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo
texto.
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a <b><u><tt>www.aulaclic.com</tt></u></b></font>
Párrafos <p> ...
El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los
párrafos debe insertarse entre las etiquetas <p> y </p>.
No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del
anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente.
También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el
valor del atributo align, cuyos valores pueden
ser left (izquierda), right (derecha), center (centrado) o justify (justificado).
Por ejemplo, para insertar el texto:
Encabezados <h1> ...
Existen una serie de encabezados que suelen utilizarse para establecer títulos dentro de
una página. La diferencia entre los distintos tipos de encabezado es el tamaño de la letra, el
tipo de resaltado, y la separación existente entre el texto y los elementos que tiene encima y
debajo de él. Hay que tener en cuanta que el navegador del usuario es el que aplicará el estilo
del encabezado por lo que el mismo título se puede visualizar de forma diferente según el
navegador.
Existen seis etiquetas que representan seis tipos de cabeceras distintas. Todas estas
etiquetas precisan una etiqueta de cierre.
Marquesinas <marquee>
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la
ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las
etiquetas <marquee> y </marquee>
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b>
</marquee>
CODIGO:
<HTML>
<HEAD>
<TITLE>EPSILON 902</TITLE>
</HEAD>
<BODY BGCOLOR="yellow">
<HR>
<marquee> <h1>BIENVENIDOS A NUESTRA WEB CORPORATIVA
</h1><BR></marquee>
<HR>
<h3>Empre especialisada en envios de alta calidad</h3><br>
<PRE>
<HR ALIGN="CENTER" WIDTH=50% SIZE="5" COLOR= "BLACK">
<font color= "006699" size="6arial">EPSILON AMERICAN EXPRESS </FONT><BR>
<h2><p> Epsilon se concetra en enviar y recibir envios de todo lugar especifico con
seguridad</p></h2>
COPERIGTH 2015
COLEGIO NACIONAL
NICOLASESGUERRA
Av 86 # 56 - 41 Bogota Colombia
</BODY>
</HTML>

Más contenido relacionado

DOCX
Pagina web 3.
DOCX
Colegio nacional nicolas esguerra (1)
DOCX
Colegio nacional nicoles esguerra
DOCX
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
PDF
Unidad 3
Pagina web 3.
Colegio nacional nicolas esguerra (1)
Colegio nacional nicoles esguerra
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Unidad 3

La actualidad más candente (16)

DOCX
pagina web III
DOCX
Trabajo de cely word
DOCX
Trabajo de cely word
DOCX
Pagina web 3
DOCX
Agudelicias
DOCX
Documento numero 1
DOCX
Web 2
PPTX
Producto 4 FR
DOCX
Colegio nacional nicolas esguera pagina web
DOCX
Colegio nacional nicolas esguerr1
PDF
Lenguaje HTML ETIQUETAS
PPTX
Inf2-exc-1-diego alvarez
DOCX
Colegio nacional nicolas esguerra
PDF
2 johan
pagina web III
Trabajo de cely word
Trabajo de cely word
Pagina web 3
Agudelicias
Documento numero 1
Web 2
Producto 4 FR
Colegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguerr1
Lenguaje HTML ETIQUETAS
Inf2-exc-1-diego alvarez
Colegio nacional nicolas esguerra
2 johan
Publicidad

Destacado (20)

PPTX
Portada 4 periodo
DOCX
Colegio nacional nicolas esguerra
DOCX
Plantilla con-normas-icontec (1) (1) (3)
DOCX
UNIDAD IV
PPT
Hacetesis, investigación cualitativa
DOCX
PPTX
Presentación1
PDF
Dibujar Libremente Unidad 10
DOCX
Colegio nacional nicolas esguerra
DOCX
PDF
Corel Draw X5
TXT
DOCX
PAGINA WEB III
DOCX
Pag web i
DOCX
Colegio nacional nicolas esguerra
PDF
Sin título 1
PDF
행복마을 동사섭 소식지 2015년 여름호
Portada 4 periodo
Colegio nacional nicolas esguerra
Plantilla con-normas-icontec (1) (1) (3)
UNIDAD IV
Hacetesis, investigación cualitativa
Presentación1
Dibujar Libremente Unidad 10
Colegio nacional nicolas esguerra
Corel Draw X5
PAGINA WEB III
Pag web i
Colegio nacional nicolas esguerra
Sin título 1
행복마을 동사섭 소식지 2015년 여름호
Publicidad

Similar a 3 johan (19)

PPTX
Presentación unidad tres
DOCX
Colegio nacional nicolas esguerra (1)
DOC
Texto del html
DOCX
HTML 3
DOCX
DOCX
Nikolivardo s.a
DOCX
Peres el crack
DOCX
Colegio nacional nicolas esguerr1
DOCX
Pagina web 3.
PPT
Etiquetas Html Udp
DOCX
Pagina web 3 final
DOCX
Pagina wEb 3
DOCX
Colegio nacional nicolas esguerra iii
DOCX
Pagina web 3
PDF
Sesión 2 ESTRUCTURA DE UNA PAGINA WEB 2025
PDF
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolás esguerra
DOCX
Colegio nacional nicolás esguerra
DOCX
Colegio nacional nicolás esguerra
Presentación unidad tres
Colegio nacional nicolas esguerra (1)
Texto del html
HTML 3
Nikolivardo s.a
Peres el crack
Colegio nacional nicolas esguerr1
Pagina web 3.
Etiquetas Html Udp
Pagina web 3 final
Pagina wEb 3
Colegio nacional nicolas esguerra iii
Pagina web 3
Sesión 2 ESTRUCTURA DE UNA PAGINA WEB 2025
Colegio nacional nicolas esguerra
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerra

Más de Johan Steven Romero (20)

DOCX
Johan problema del viernes
PDF
Jh actualiizado
PDF
PDF
Trabajo de 6
PDF
Trabajo de 6
PPTX
Johan goemlo
PPTX
Colegio nacional nicolas esguerra

Último (20)

PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PPTX
Presentación de la Cetoacidosis diabetica.pptx
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
Atencion prenatal. Ginecologia y obsetricia
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
TOMO II - LITERATURA.pd plusenmas ultras
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
Presentación de la Cetoacidosis diabetica.pptx
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
Fundamentos_Educacion_a_Distancia_ABC.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
caso clínico iam clinica y semiología l3.pptx
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
Atencion prenatal. Ginecologia y obsetricia
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
Escuelas Desarmando una mirada subjetiva a la educación
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
2 GRADO UNIDAD 5 - 2025.docx para primaria
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Híper Mega Repaso Histológico Bloque 3.pdf
TOMO II - LITERATURA.pd plusenmas ultras

3 johan

  • 1. 902 JOHAN STEVEN RIVERA ROMERO JULIAN CAMILO RIVERA GARCIA 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>. Saltos de línea <br> 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. 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
  • 2. Resaltado del texto <b> Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto. <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a <b><u><tt>www.aulaclic.com</tt></u></b></font> Párrafos <p> ... El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>. No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente. También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda), right (derecha), center (centrado) o justify (justificado). Por ejemplo, para insertar el texto: Encabezados <h1> ... Existen una serie de encabezados que suelen utilizarse para establecer títulos dentro de una página. La diferencia entre los distintos tipos de encabezado es el tamaño de la letra, el tipo de resaltado, y la separación existente entre el texto y los elementos que tiene encima y debajo de él. Hay que tener en cuanta que el navegador del usuario es el que aplicará el estilo del encabezado por lo que el mismo título se puede visualizar de forma diferente según el navegador. Existen seis etiquetas que representan seis tipos de cabeceras distintas. Todas estas etiquetas precisan una etiqueta de cierre. Marquesinas <marquee> Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee> <marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>
  • 3. CODIGO: <HTML> <HEAD> <TITLE>EPSILON 902</TITLE> </HEAD> <BODY BGCOLOR="yellow"> <HR> <marquee> <h1>BIENVENIDOS A NUESTRA WEB CORPORATIVA </h1><BR></marquee> <HR> <h3>Empre especialisada en envios de alta calidad</h3><br> <PRE> <HR ALIGN="CENTER" WIDTH=50% SIZE="5" COLOR= "BLACK"> <font color= "006699" size="6arial">EPSILON AMERICAN EXPRESS </FONT><BR> <h2><p> Epsilon se concetra en enviar y recibir envios de todo lugar especifico con seguridad</p></h2> COPERIGTH 2015 COLEGIO NACIONAL NICOLASESGUERRA Av 86 # 56 - 41 Bogota Colombia </BODY> </HTML>