SlideShare una empresa de Scribd logo
1 de 6
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
Nicolas Santiago Rojas Zorro
Daniel esteban Romero Jimenez
Unidad 3. El texto (III)
FORMATEAR EL TEXTO <FONT> ...
Por ejemplo: bienvenido a nuestra pagina web
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a
www.nuestraweb .com</font>
También es posible definir una fuente para todo el documento. Para ello, hay que insertar
la etiqueta <basefont> después de la etiqueta <body>.
La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar los mismos
atributos del texto que la etiqueta <font>
Por ejemplo: <body> <basefont color="#006699" size="4" face="Arial">
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.
Párrafo
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).
Bienvenidos a mi página.
Aquí encontraréis cursos de formación muy interesantes.
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>
Otra forma de cambiar la alineación del texto es mediante las etiquetas <div>
y </div>, para las que también existe el atributo align. La etiqueta <div>, al
igual que la etiqueta <p>, se utiliza para agrupar bloques de texto, pero con
la diferencia de que la separación entre ellos es menor.
Bienvenidos a mi página.
Aquí encontraréis cursos de formación muy interesantes.
<div align="center">Bienvenidos a mi p&aacutegina.</div>
<div>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy
interesantes.</div>
También es posible insertar el texto entre las etiquetas <center> y </center>
para que aparezca centrado.
Bienvenidos a mi página.
Habría que escribir:
<center>Bienvenidos a mi p&aacutegina.</center>
Otro par de etiquetas que permiten agrupar bloques de texto, pero que no
implican el cambio de línea (como en el caso de <p> y <div>), son las
etiquetas <span> y </span> volveremos a hablar de estas etiquetas cuando
veamos las hojas de estilo.
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.
Quedaría algo asi
Texto:
Web:

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Maquetar pagina html con css
Maquetar pagina html con cssMaquetar pagina html con css
Maquetar pagina html con css
 
Lenguaje de marcas html
Lenguaje de marcas htmlLenguaje de marcas html
Lenguaje de marcas html
 
Nikolivardo s.a
Nikolivardo s.aNikolivardo s.a
Nikolivardo s.a
 
Jessica
JessicaJessica
Jessica
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
Css1
Css1Css1
Css1
 
Actividad 2.
Actividad 2.Actividad 2.
Actividad 2.
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 

Similar a Colegio nacional nicolas esguerra

Similar a Colegio nacional nicolas esguerra (20)

Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
HTML 3
HTML 3HTML 3
HTML 3
 
unidad 3
unidad 3unidad 3
unidad 3
 
Agudelicias
AgudeliciasAgudelicias
Agudelicias
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grbColegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Mmml
MmmlMmml
Mmml
 
Yees
YeesYees
Yees
 
Web 2
Web 2Web 2
Web 2
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
3 johan
3 johan3 johan
3 johan
 

Más de Daniel Romero Jiménez (20)

imagenes y demas
imagenes y demasimagenes y demas
imagenes y demas
 
trabajo cuarto periodo
trabajo cuarto periodotrabajo cuarto periodo
trabajo cuarto periodo
 
Normas 852
Normas 852Normas 852
Normas 852
 
Plantilla con-normas-icontec 3
Plantilla con-normas-icontec 3Plantilla con-normas-icontec 3
Plantilla con-normas-icontec 3
 
Noticias
Noticias Noticias
Noticias
 
Plantilla con-normas-icontec
Plantilla con-normas-icontec Plantilla con-normas-icontec
Plantilla con-normas-icontec
 
taller 16 y 17
taller 16 y 17taller 16 y 17
taller 16 y 17
 
Nxt ladrillos
Nxt ladrillosNxt ladrillos
Nxt ladrillos
 
robot nxt
robot nxtrobot nxt
robot nxt
 
Segundo periodo||
Segundo periodo||Segundo periodo||
Segundo periodo||
 
Corrección de la evaluación
Corrección de la evaluación Corrección de la evaluación
Corrección de la evaluación
 
Presentación
Presentación Presentación
Presentación
 
Factura
Factura Factura
Factura
 
Excel
Excel Excel
Excel
 
tabla de multiplicar
tabla de multiplicartabla de multiplicar
tabla de multiplicar
 
tabla de multiplicar
tabla de multiplicartabla de multiplicar
tabla de multiplicar
 
Presentacion nxt
Presentacion nxt  Presentacion nxt
Presentacion nxt
 
Presentacion nxt
Presentacion nxt Presentacion nxt
Presentacion nxt
 
Presentacion nxt 2
Presentacion nxt 2 Presentacion nxt 2
Presentacion nxt 2
 
medio ambiente
medio ambientemedio ambiente
medio ambiente
 

Último

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
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaccastilloojeda12
 
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxArquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxAdriannDiaz
 
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...CLAUDIA GINGLIONA RAMÍREZ DIFILIPPI
 
la modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didacticola modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didacticofabianamarcano1
 
GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---YurleyFlorez5
 
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g..."Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...dnmxd1213
 
Nuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfNuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfmalvarado8
 
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...CarlosMelgarejo25
 
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdfCartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdfsheylayaninaagurtofa1
 
Antigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfAntigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfVictoria867681
 
Las Artes Escenicas, origen y evolucion de la musica
Las Artes Escenicas, origen y evolucion de la musicaLas Artes Escenicas, origen y evolucion de la musica
Las Artes Escenicas, origen y evolucion de la musicaZahonisMartinez
 
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZHISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZAnthonellaQuispe
 
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdfPORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdfYeniferGarcia36
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMaraMilagrosBarrosMa
 
andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4Andrea11166
 
Informe-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.eInforme-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.eyonayker10
 

Último (17)

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
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitectura
 
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxArquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
 
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
 
la modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didacticola modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didactico
 
GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---
 
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g..."Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
 
Nuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfNuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdf
 
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
 
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdfCartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
 
Antigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfAntigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdf
 
Las Artes Escenicas, origen y evolucion de la musica
Las Artes Escenicas, origen y evolucion de la musicaLas Artes Escenicas, origen y evolucion de la musica
Las Artes Escenicas, origen y evolucion de la musica
 
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZHISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
 
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdfPORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
 
andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4
 
Informe-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.eInforme-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.e
 

Colegio nacional nicolas esguerra

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO Nicolas Santiago Rojas Zorro Daniel esteban Romero Jimenez Unidad 3. El texto (III) FORMATEAR EL TEXTO <FONT> ... Por ejemplo: bienvenido a nuestra pagina web <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.nuestraweb .com</font> También es posible definir una fuente para todo el documento. Para ello, hay que insertar la etiqueta <basefont> después de la etiqueta <body>. La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar los mismos atributos del texto que la etiqueta <font> Por ejemplo: <body> <basefont color="#006699" size="4" face="Arial">
  • 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. 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
  • 3. 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. Párrafo 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). Bienvenidos a mi página. Aquí encontraréis cursos de formación muy interesantes. 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> Otra forma de cambiar la alineación del texto es mediante las etiquetas <div> y </div>, para las que también existe el atributo align. La etiqueta <div>, al igual que la etiqueta <p>, se utiliza para agrupar bloques de texto, pero con la diferencia de que la separación entre ellos es menor. Bienvenidos a mi página. Aquí encontraréis cursos de formación muy interesantes. <div align="center">Bienvenidos a mi p&aacutegina.</div>
  • 4. <div>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy interesantes.</div> También es posible insertar el texto entre las etiquetas <center> y </center> para que aparezca centrado. Bienvenidos a mi página. Habría que escribir: <center>Bienvenidos a mi p&aacutegina.</center> Otro par de etiquetas que permiten agrupar bloques de texto, pero que no implican el cambio de línea (como en el caso de <p> y <div>), son las etiquetas <span> y </span> volveremos a hablar de estas etiquetas cuando veamos las hojas de estilo. 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.