SlideShare ist ein Scribd-Unternehmen logo
1 von 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>

Weitere ähnliche Inhalte

Was ist angesagt? (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
 

Ähnlich wie HTML 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
 

Mehr von maicolxp (20)

imagenes
imagenesimagenes
imagenes
 
HTML 2
HTML 2HTML 2
HTML 2
 
introduccion HTML
introduccion HTMLintroduccion HTML
introduccion HTML
 
introduccion HTML
introduccion HTMLintroduccion HTML
introduccion HTML
 
Consultas en access
Consultas en accessConsultas en access
Consultas en access
 
forero 2 e.e
forero 2 e.eforero 2 e.e
forero 2 e.e
 
e.e
e.ee.e
e.e
 
forero
foreroforero
forero
 
Acces 1
Acces 1Acces 1
Acces 1
 
sasaddaadadasgmjanjdngjdsngjdngjdngdgngdjdngdgdjdgndgnjgd
sasaddaadadasgmjanjdngjdsngjdngjdngdgngdjdngdgdjdgndgnjgdsasaddaadadasgmjanjdngjdsngjdngjdngdgngdjdngdgdjdgndgnjgd
sasaddaadadasgmjanjdngjdsngjdngjdngdgngdjdngdgdjdgndgnjgd
 
Ghdfhd
GhdfhdGhdfhd
Ghdfhd
 
aasdsadsasad
aasdsadsasadaasdsadsasad
aasdsadsasad
 
NXT 2
NXT 2NXT 2
NXT 2
 
NXT
NXTNXT
NXT
 
hgfschvcfyjhnbfghyjbvf
hgfschvcfyjhnbfghyjbvfhgfschvcfyjhnbfghyjbvf
hgfschvcfyjhnbfghyjbvf
 
Mjhvbjvb
MjhvbjvbMjhvbjvb
Mjhvbjvb
 
weqvfhdavbfasdhhsaf
weqvfhdavbfasdhhsafweqvfhdavbfasdhhsaf
weqvfhdavbfasdhhsaf
 
scsa
scsascsa
scsa
 
Hhhhhhhhhh
HhhhhhhhhhHhhhhhhhhh
Hhhhhhhhhh
 
xsx
xsxxsx
xsx
 

Kürzlich hochgeladen (7)

TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxTEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
 
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
 
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
 
Formulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxFormulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptx
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptx
 

HTML 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>