SlideShare una empresa de Scribd logo
1 de 5
COLEGIO NACIONAL NICOLAS ESGUERRA
Brayan David Cifuentes Elizalde 903
Danny Santiago Contreras Sastoque 903
ACTIVIDAD (III)
HTML
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.
Por ejemplo, para insertar el texto: Bienvenidos a www.aulaclic.com
Habría que escribir: <font color="#993366" size="4" face="Comic Sans MS, Arial,
MS Sans Serif">Bienvenidos a www.aulaclic.com</font>
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.
A continuación se muestran algunas etiquetas asociadas al tipo de información:
Las etiquetas más utilizadas son las asociadas al tipo de letra, ya que son más
fáciles de recordar, y en muchos casos los resultados son los mismos que los de
aplicar una etiqueta diferente. Por ejemplo, el resultado de aplicar las etiquetas
<b> y <strong> es el mismo. Incluso a veces algunos estilos asociados al tipo de
información pueden representarse de forma distinta según el navegador.
Por ejemplo, para insertar el texto: Bienvenidos a www.aulaclic.com
Habría que escribir: <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 agruparseen párrafos. Para ello, el texto de
cada uno de los párrafos debeinsertarseentre 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 secambie de
línea automáticamente. También es posible cambiar la alineación del texto
de cada párrafo. Para ello semodifica el valor del atributo align, cuyos
valores pueden ser left (izquierda), right(derecha), center (centrado) o justify
(justificado). Por ejemplo, para insertar el texto:
Habría que escribir:
<p align="center">Bienvenidos a mi p&aacutegina.</p>
<p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy
interesantes.</p>
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 cuenta 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. A continuación se muestran los distintos
encabezados existentes: A continuación se muestran algunas etiquetas asociadas al
tipo de letra.
El lenguaje HTML
Apartado 1: Las etiquetas
Habría que escribir: <H2 align="center">El lenguaje
HTML</H2><H4>Apartado 1: Las etiquetas</H4>
Marquesinas<marquee>
Las marquesinas son líneas de texto que pueden desplazarsede 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>. La
marquesina, por defecto, se desplaza de derecha a izquierda
indefinidamente, pero si lo deseas puedes hacer que estas propiedades
varíen.
Habría que escribir:
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina
</font></b></marquee> También es posible insertar imágenes, tablas y otros
elementos entre las etiquetas <marquee> y </marquee>, no sólamente
texto.

Más contenido relacionado

La actualidad más candente

Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3thefaut
 
Colegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiColegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiloerdtkt
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely wordJonathan Cely
 
Pagina wEb 3
Pagina wEb 3Pagina wEb 3
Pagina wEb 32503468
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grbColegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grbsanti302930
 
Colegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina webColegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina webMateo Remolina
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTMLwladimirclipper
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Mateo Remolina
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerralazercat
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Méridaduberlisg
 

La actualidad más candente (17)

Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 
3 johan
3 johan3 johan
3 johan
 
Peres el crack
Peres el crackPeres el crack
Peres el crack
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Colegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiColegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iii
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
pagina web III
pagina web IIIpagina web III
pagina web III
 
Nikolivardo s.a
Nikolivardo s.aNikolivardo s.a
Nikolivardo s.a
 
Pagina wEb 3
Pagina wEb 3Pagina wEb 3
Pagina wEb 3
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grbColegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
 
Colegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina webColegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina web
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 

Similar a Colegio nacional nicolas esguerra (1) (16)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
HTML 3
HTML 3HTML 3
HTML 3
 
unidad 3
unidad 3unidad 3
unidad 3
 
Yees
YeesYees
Yees
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Nmvkhl
NmvkhlNmvkhl
Nmvkhl
 
Agudelicias
AgudeliciasAgudelicias
Agudelicias
 
Web 2
Web 2Web 2
Web 2
 
2
22
2
 
valentin 2
valentin 2valentin 2
valentin 2
 
Pagina web 3 final
Pagina web 3 finalPagina web 3 final
Pagina web 3 final
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
PAGINA
PAGINAPAGINA
PAGINA
 

Más de Santhii Sastoque

Más de Santhii Sastoque (13)

Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
dfgsdfh
dfgsdfhdfgsdfh
dfgsdfh
 
Exportaciones y servicios de mensajeria
Exportaciones y servicios de mensajeriaExportaciones y servicios de mensajeria
Exportaciones y servicios de mensajeria
 
Exportaciones y servicios de mensajeria
Exportaciones y servicios de mensajeriaExportaciones y servicios de mensajeria
Exportaciones y servicios de mensajeria
 
Exportaciones y servicios de mensajeria
Exportaciones y servicios de mensajeriaExportaciones y servicios de mensajeria
Exportaciones y servicios de mensajeria
 
CVCifuentes huele penes
CVCifuentes huele penesCVCifuentes huele penes
CVCifuentes huele penes
 
Cifuentes huele penes
Cifuentes huele penesCifuentes huele penes
Cifuentes huele penes
 
Cifuentes huele penes
Cifuentes huele penesCifuentes huele penes
Cifuentes huele penes
 
sdagsdafhsdfh
sdagsdafhsdfhsdagsdafhsdfh
sdagsdafhsdfh
 
Guia de informatica
Guia de informaticaGuia de informatica
Guia de informatica
 
Guía de informatica
Guía de informaticaGuía de informatica
Guía de informatica
 
Guía de informática
Guía de informática Guía de informática
Guía de informática
 

Último

diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxMaikelPereira1
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxLisetteChuquisea
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxismaelchandi2010
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmolivayasser2
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxJOELORELLANA15
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power pointyupanquihuisahilario
 
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxlizeth753950
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptxjezuz1231
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxJheissonAriasSalazar
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolLuis José Ferreira Calvo
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptDerekLiberatoMartine
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruanoEFRAINSALAZARLOYOLA1
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasAnkara2
 

Último (16)

diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptx
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power point
 
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).ppt
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruano
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena Olvieras
 

Colegio nacional nicolas esguerra (1)

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA Brayan David Cifuentes Elizalde 903 Danny Santiago Contreras Sastoque 903 ACTIVIDAD (III) HTML 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. Por ejemplo, para insertar el texto: Bienvenidos a www.aulaclic.com Habría que escribir: <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font> 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.
  • 2. A continuación se muestran algunas etiquetas asociadas al tipo de información: Las etiquetas más utilizadas son las asociadas al tipo de letra, ya que son más fáciles de recordar, y en muchos casos los resultados son los mismos que los de aplicar una etiqueta diferente. Por ejemplo, el resultado de aplicar las etiquetas <b> y <strong> es el mismo. Incluso a veces algunos estilos asociados al tipo de información pueden representarse de forma distinta según el navegador. Por ejemplo, para insertar el texto: Bienvenidos a www.aulaclic.com Habría que escribir: <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>
  • 3. Párrafos <p> El texto de una página puede agruparseen párrafos. Para ello, el texto de cada uno de los párrafos debeinsertarseentre 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 secambie de línea automáticamente. También es posible cambiar la alineación del texto de cada párrafo. Para ello semodifica el valor del atributo align, cuyos valores pueden ser left (izquierda), right(derecha), center (centrado) o justify (justificado). Por ejemplo, para insertar el texto: Habría que escribir: <p align="center">Bienvenidos a mi p&aacutegina.</p> <p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy interesantes.</p> 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 cuenta 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. A continuación se muestran los distintos encabezados existentes: A continuación se muestran algunas etiquetas asociadas al tipo de letra.
  • 4. El lenguaje HTML Apartado 1: Las etiquetas Habría que escribir: <H2 align="center">El lenguaje HTML</H2><H4>Apartado 1: Las etiquetas</H4> Marquesinas<marquee> Las marquesinas son líneas de texto que pueden desplazarsede 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>. La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen. Habría que escribir: <marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b></marquee> También es posible insertar imágenes, tablas y otros
  • 5. elementos entre las etiquetas <marquee> y </marquee>, no sólamente texto.