Este documento proporciona información sobre etiquetas HTML para formato de texto como <font>, <b>, <p>, <div>, <h1>, y <marquee>. Explica cómo usar estas etiquetas para cambiar el estilo, tamaño y alineación del texto, agregar párrafos y encabezados, y crear una marquesina de desplazamiento. También incluye un ejemplo de código HTML que utiliza estas etiquetas.
minierismo historia caracteristicas gabriel silva.pdf
Pagina wEb 3
1. COLEGIO NACIONAL NICOLAQS ESGUERRA
EDIFICAMOS FUTURO
MANUEL FERNANDO VARGAS
PERDOMO APONTE JOHNEDWARD 902
PAGINA WEB 3
Formatear el texto<font> :
Las propiedadesdel textopuedenmodificarse atravésde la etiqueta<font>.Paraello,podemos
insertarel textoentre lasetiquetas<font>y</font>,especificandoalgunosde losatributosde la
etiqueta:
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.
A continuaciónse muestranalgunasetiquetasasociadasal tipode letra:
2. A continuaciónse muestranalgunasetiquetasasociadasal tipode información:
Por ejemplo,parainsertarel texto:
Bienvenidosawww.aulaclic.com
Habría que escribir:
<fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidosa
<b><u><tt>www.aulaclic.com</tt></u></b></font>
Párrafos <p>:
El textode unapágina puede agruparse en pá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:
3. Bienvenidos a mi página.
Aquí encontraréiscursosde formaciónmuyinteresantes.
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,peroconla diferenciade que laseparaciónentre ellosesmenor.
Por ejemplo,parainsertarel texto:
Bienvenidos a mi página.
Aquí encontraréiscursosde formaciónmuyinteresantes.
Habría que escribir:
<divalign="center">Bienvenidosami página.</div>
<div>Aquí encontraréiscursosde formaciónmuyinteresantes.</div>
Tambiénesposible insertarel textoentre lasetiquetas<center>y</center>para que aparezca
centrado.
Por ejemplo,parainsertarel texto:
Bienvenidos a mi página.
Habría que escribir:
<center>Bienvenidosami página.</center>
Otro par de etiquetasque permitenagruparbloquesde texto,peroque noimplicanel cambiode
línea(comoen el caso de <p> y <div>),sonlasetiquetas<span>y </span>volveremosahablarde
estasetiquetascuandoveamoslashojasde estilo.
4. 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 cabecerasdistintas.Todasestasetiquetas
precisanunaetiquetade cierre.
A continuaciónse muestranlosdistintosencabezadosexistentes:
Marquesinas<marquee>:
Las marquesinassonlíneasde textoque puedendesplazarse de unladoaotro de laventanaen
formade línea.
Para insertarunamarquesina,esnecesarioinsertarel textoentre lasetiquetas<marquee>y
</marquee>.
La marquesina,pordefecto, se desplazade derechaaizquierdaindefinidamente,perosi lodeseas
puedeshacerque estaspropiedadesvaríen.
5. A travésdel atributobehaviorpuedemodificarseel tipode movimiento.Puede tomarlosvalores
alternate (de ladoaladode laventana,como si rebotaraen losextremos),scroll (de unladoa
otro,continuamente) oslide(de unladoaotro, perouna solavez).
A travésdel atributodirectionpuedemodificarseladirecciónenlaque se moveráel texto.Puede
tomar losvaloresdown(de arribaa abajo),up(de abajoa arriba),left(de derechaaizquierda) o
left(de izquierdaaderecha).
Tambiénesposible estableceruncolorde fondo,através del atributobgcolor.
Habría que escribir:
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b>
</marquee>
CODIGO:
<html>
<head>
<title>HevenGifts902</title>
</head>
<!--ESTA WEB FUE ELABORADA PORMANUEL Y EDWARD 902 //-->
<bodybgcolor="Blue">
<hr>
<H1><marquee bgcolor="white"behavior="alternate"direction="right">BIENVENIDOSA NUESTRA
WEB CORPORATIVA</H1>
<hr><br>
<fontcolor="#993366" size="4"face="ComicSansMS">Bienvenidosa
<b><u><tt>www.aulaclic.com</tt></u></b></font>
Nuestraempresacuentaconmas de 15 años enla organizacionyrealizacionde eventos.<br>
<pre>
<hr align="CENTER"width="30%"size="5"COLOR="WHITE">
Copyright2015
ColegioNacional NicolasEsguerra
Cll 6B #80-96 BOGOTA COLOMBIA
</PRE>
</BODY>
</html>