El documento proporciona información sobre cómo formatar texto en HTML utilizando etiquetas como <font>, <b>, <u> y <tt> para cambiar el estilo del texto. También explica cómo agregar párrafos con <p> y cambiar su alineación, y cómo agregar encabezados de diferentes tamaños con etiquetas como <h1> y <h4>. Por último, muestra cómo agregar una marquesina de desplazamiento horizontal con <marquee>.
1. COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
ALEJANDROESCOBAR904 – J.M
PAGINA WEB III
FORMATEAR EL TEXTO <FONT>
Las propiedadesdel textopuedenmodificarse a través de la etiqueta <font>. Para ello, podemos
insertarel textoentre las etiquetas<font> y </font>, especificando algunos de los atributos de la
etiqueta
Ejemplo:<fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS SansSerif">Bienvenidos
a www.aulaclic.com</font>
RESALTADO DEL TEXTO <B>
Existenuna serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra
entre ellas,ygeneralmentese utilizanpararesaltarlo.Estosestilospuedenagruparse según vayan
asociadosal tipode letrao a la informaciónque representeel texto.No hayque olvidar que todas
estasetiquetasnecesitanunaetiquetade cierre,yque puedenaplicarse variasetiquetasal mismo
texto.
2. Ejemplo:<fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS SansSerif">Bienvenidos
a <b><u><tt>www.aulaclic.com</tt></u></b></font>
PÁRRAFOS <P>
El textode unapágina puede agruparse enpárrafos.Paraello,el textode cadaunode los párrafos
debe insertarse entre las etiquetas <p> y </p>.
No esnecesarioinsertarlaetiqueta<br>para que unnuevopárrafo aparezca debajo del anterior,
ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente.
Tambiénesposible cambiarlaalineació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).
Ejemplo: <p align="center">Bienvenidos a mi página.</p>
<p>Aquí encontraréis cursos de formación 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,yla separaciónexistente entre el textoyloselementosque tiene encimaydebajode él.
Hay que tenerencuanta que el navegadordel 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.
3. Ejemplos: <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>.
MUESTRA: <html>
<head>
<title>DynastyS.A 904</title>
</head>
<!-- PAGINA WEB ELABORADA POR ALEJANDRO ESCOBAR904 //-->
<bodybgcolor="#F5F5DC">
<hr>
<MARQUEE><B><I>BIENVENIDO A NUESTRA PAGINA WEB DYNASTY
S.A.</B></I></MARQUEE><br>
<hr>
<H3>Nuestra empresabrindaservicioenventade vehiculos</H3><br>
<fontcolor="#DAA520" size="6"face="arial"<b>MERCEDEZ BENZ </b></font>
<fontcolor="##CD853F" size="5"face="ComicSansMS">Dynasty Cars</font>
<P ALIGN="CENTER">Mercedes-Benzesunamarca alemanade automóviles,autobusesy
camionesde lacompañía DaimlerAG(anteriormenteconocidacomoDaimler-Benzy
4. DaimlerChrysler).Mercedes-Benzesel
fabricante de automóvilesmásantiguodel mundo.</P>
<fontcolor="#DAA520" size="6"face="arial"<b>BUGATTI </b></font>
<fontcolor="##CD853F" size="5"face="ComicSans MS">Dynasty Cars</font>
<P ALIGN="CENTER">Bugatti esuna marca francesade automóvilesde granlujoycompetición
fundadapor el italianoEttore Bugatti (1881-1947) en el año1909 en Molsheim, localidad
actualmente en
Francia ypor entoncesperteneciente al Imperioalemán.Pertenece al grupoVW.</P>
<hr align="center"width="75%"size="5"color="#7FFF00"noshade>
<pre> Copyrigth2015
ColegioNacional NicolasEsguerra
Cll 200 N 84 B 07
lmlalejolml1@hotmail.com</pre>
<body>
</html>