SlideShare una empresa de Scribd logo
1 de 5
COLEGIO NACIONAL
NICOLÁS ESGUERRE
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:
<fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidos
aulaclic.</font>
Resaltado del texto <b>
Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se
encuentra entre ellas:
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.
<font color="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidosa
<b><u><tt>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>.
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).
<p align="center">Bienvenidos a mi p&aacutegina.</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.
<H2 align="center">El lenguaje HTML</H2><H4>Apartado 1: Las etiquetas</H4>
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>
<html>
<head>
<title>carmix s.a903</title>
</head>
<!--estapaginalacreo Maicol Carrilloy CamiloCastillo903//-->.
<bodybgcolor="#ccff00">
<marquee direction="right"><H2align="center">BIENVENIDOA NUESTRA
EMPRESA<br></H2></marquee>
<hr color="#0272D4" align="center"width="300%"size="5"noshade>
<blockquote><blockquote>
Nustracompañiaofrece:<br>
ventade autos de alta gama y comprade vehiculosusados.
</blockquote></blockquote>
<fontcolor="blue"size="6"face="ComicSansMS">mercedesbenz<b></b><u></u></font>
<fontcolor="orange"size="5"face="ComicSansMS">biome</font>
<p align="center">el modeloconceptual mide 4040mm de largo,2500mm de ancho y 1.200 mm
de altura para pesarmenosde 1.000 libras(454 kg).</p>
<p align="center">el combustiblese denominaráBioNectar4534, creadoa partir de energíasolar
lograría movilizarlo.</p>
<hr color="#0272D4" align="center"width="50%"size="5"noshade>
<pre> copyrigth2015@
ColegioNacional NicolasEsguerra2015
calle 169 No.10 - 85 BogotaColombia
soportemix@hotmai.com
</pre>
</body>
</html>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 
Colegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiColegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iii
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Pagina wEb 3
Pagina wEb 3Pagina wEb 3
Pagina wEb 3
 
Nikolivardo s.a
Nikolivardo s.aNikolivardo s.a
Nikolivardo s.a
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grbColegionacionalnicolsesguerra 150917155628-lva1-app6892grb
Colegionacionalnicolsesguerra 150917155628-lva1-app6892grb
 
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
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
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
 
3 johan
3 johan3 johan
3 johan
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
pagina web III
pagina web IIIpagina web III
pagina web III
 
Dhtml
DhtmlDhtml
Dhtml
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 

Similar a unidad 3 (19)

Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Mmml
MmmlMmml
Mmml
 
Yees
YeesYees
Yees
 
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
 
Agudelicias
AgudeliciasAgudelicias
Agudelicias
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Web 2
Web 2Web 2
Web 2
 
Nmvkhl
NmvkhlNmvkhl
Nmvkhl
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Pagina web 3 final
Pagina web 3 finalPagina web 3 final
Pagina web 3 final
 
Web
WebWeb
Web
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
Web 2
Web 2Web 2
Web 2
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Actividad tres
Actividad tresActividad tres
Actividad tres
 

Más de Camilo Castillo Cruz (16)

Trabajo5
Trabajo5Trabajo5
Trabajo5
 
unidad 1.y 2
unidad 1.y 2unidad 1.y 2
unidad 1.y 2
 
unidad 1
unidad 1unidad 1
unidad 1
 
html
htmlhtml
html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Bases
BasesBases
Bases
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontec
 
Presentacin1 150601154524-lva1-app6892
Presentacin1 150601154524-lva1-app6892Presentacin1 150601154524-lva1-app6892
Presentacin1 150601154524-lva1-app6892
 
Presentacin1 150601154524-lva1-app6892
Presentacin1 150601154524-lva1-app6892Presentacin1 150601154524-lva1-app6892
Presentacin1 150601154524-lva1-app6892
 
Trabajo # 2
Trabajo # 2Trabajo # 2
Trabajo # 2
 
Correccion de evaluacion 1
Correccion de evaluacion 1Correccion de evaluacion 1
Correccion de evaluacion 1
 
portada
portadaportada
portada
 
Portada
PortadaPortada
Portada
 
funciones con fechas
funciones con fechasfunciones con fechas
funciones con fechas
 
Presentación1
Presentación1Presentación1
Presentación1
 
Secuencias scratch
Secuencias  scratchSecuencias  scratch
Secuencias scratch
 

Último

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 

Último (8)

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 

unidad 3

  • 1. COLEGIO NACIONAL NICOLÁS ESGUERRE 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: <fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidos aulaclic.</font>
  • 2. Resaltado del texto <b> Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas: 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. <font color="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidosa <b><u><tt>aulaclic.com</tt></u></b></font>
  • 3. 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>. 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). <p align="center">Bienvenidos a mi p&aacutegina.</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. <H2 align="center">El lenguaje HTML</H2><H4>Apartado 1: Las etiquetas</H4>
  • 4. 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>
  • 5. <html> <head> <title>carmix s.a903</title> </head> <!--estapaginalacreo Maicol Carrilloy CamiloCastillo903//-->. <bodybgcolor="#ccff00"> <marquee direction="right"><H2align="center">BIENVENIDOA NUESTRA EMPRESA<br></H2></marquee> <hr color="#0272D4" align="center"width="300%"size="5"noshade> <blockquote><blockquote> Nustracompañiaofrece:<br> ventade autos de alta gama y comprade vehiculosusados. </blockquote></blockquote> <fontcolor="blue"size="6"face="ComicSansMS">mercedesbenz<b></b><u></u></font> <fontcolor="orange"size="5"face="ComicSansMS">biome</font> <p align="center">el modeloconceptual mide 4040mm de largo,2500mm de ancho y 1.200 mm de altura para pesarmenosde 1.000 libras(454 kg).</p> <p align="center">el combustiblese denominaráBioNectar4534, creadoa partir de energíasolar lograría movilizarlo.</p> <hr color="#0272D4" align="center"width="50%"size="5"noshade> <pre> copyrigth2015@ ColegioNacional NicolasEsguerra2015 calle 169 No.10 - 85 BogotaColombia soportemix@hotmai.com </pre> </body> </html>