1. Colegio Nacional Nicolás Esguerra
Edificamos futuro
George AndréGuerrero Garzón
Juan Sebastián Gómez Osorio
Unidad 3. El texto (III)
Formatear el texto<font>...
Las propiedadesdel textopuedenmodificarse atravésde la etiqueta <font>.Paraello, podemos
insertarel textoentre lasetiquetas <font>y</font>,especificandoalgunosde losatributosde la
etiqueta:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a www.aulaclic.com</font>
Resaltado del texto<b>...
Existenunaserie de etiquetasque permitenaplicardiferentesestilosal textoque se encuentra
entre ellas,ygeneralmentese utilizanpararesaltarlo.Estosestilospuedenagruparse segúnvayan
asociadosal tipode letrao a la informaciónque representeel texto.Nohayque olvidarque todas
estasetiquetasnecesitanunaetiquetade cierre,yque puedenaplicarse variasetiquetasal mismo
texto.
2. Párrafos <p> ...
El textode unapágina puede agruparse enpárrafos.Paraello,el textode cadaunode lospárrafos
debe insertarse entre lasetiquetas<p>y </p>.
No esnecesarioinsertarlaetiqueta<br>para que unnuevopárrafoaparezca debajodel anterior,
ya que lasetiquetas<p>y </p> hacenque se cambie de líneaautomáticamente.
Tambiénesposible cambiarlaalineacióndel textode cadapárrafo.Para ellose modificael valor
del atributoalign,cuyosvalorespuedenserleft(izquierda),right(derecha),center(centrado)o
justify(justificado).
Por ejemplo,parainsertarel texto:
Habría que escribir:
<p align="center">Bienvenidosami página.</p>
<p>Aquí encontraréiscursosde formaciónmuyinteresantes.</p>
Otra formade cambiarla alineacióndel textoesmediantelasetiquetas<div>y</div>,para las
que tambiénexisteel atributoalign.Laetiqueta<div>,al igual que laetiqueta<p>,se utilizapara
agrupar bloquesde texto,peroconladiferenciade que laseparaciónentre ellosesmenor.
Encabezados <h1> …
Existenunaserie de encabezadosque suelenutilizarseparaestablecertítulosdentrode una
página.La diferenciaentre losdistintostiposde encabezadoesel tamañode laletra,el tipode
resaltado,yla separaciónexistente entre el textoyloselementosque tiene encimaydebajode él.
Hay que tenerencuanta que el navegadordel usuarioesel que aplicaráel estilodel encabezado
por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador.
Existenseisetiquetasque representanseistiposde cabeceras distintas.Todasestasetiquetas
precisanunaetiquetade cierre.
A continuaciónse muestranlosdistintosencabezadosexistentes:
3. <html>08:28 a.m. 14/10/2015
<head>
<title>indusanmotorssa905</title>
</head>
<!-- paginaelaboradapor George Guerrero905 //-->.
<bodybgcolor="silver">
<hr>
<marquee bgcolor="black"behavior="alternate"direction="right">
<b><fontcolor="0033ff" size="7">bienvenidosalawebbugatti</font></b>
</marquee>
<hr>
<b><font color="white"size="7">bugatti</font></b>
<hr>
bienvenidosanuestrawebcorporativa<br>
<hr>
<hr>
Bugatti ha presentadoenprimiciamundialenel Salónde Frankfurtel show carde suproyecto
desarrollado
especialmenteparael videojuegoGranTurismo.Este Bugatti VisiónGranTurismose apoyaenla
tecnologíamás
reciente enmateriade deportesmecánicosyprefiguratambiénlosfuturosmodelosde lamarcaa
nivel del diseño.