COLEGIONACIONALNICOLASESGUERRA
JUAN DIEGO CARDNASPERDOMO
MIGUEL ESTEBAN RINCON PARRA
DANIELCARDOZOPEREZ
902
Caracteres especialesyespaciosen blanco
Los caracteres< y > son doscaracteres especialesque indicaninicioyfinde etiqueta.Si se desea
insertarestoscaracterescomotextohay que escribirel nombre que losrepresenta:
< Se representacon&lt;
> Se representacon&gt;
Existenotraserie de caracteresque no se visualizancorrectamente enalgunosnavegadores,como
esel caso de lañ y las letrasacentuadas,porloque al igual que ocurre con loscaracteres
especiales<y >, para insertarloscomotextohabríaque escribirel nombre que losrepresenta.
A continuaciónse muestraunalistaconalgunoscaracteresy el nombre con el que hande ser
representados:
Siempre que se insertatextoenHTML hayque tenerencuenta que si se escribenvariosespacios
enblancoseguidossólamente se mostraráunoenel navegador.Paraconseguirque se muestren
variosespaciosenblancoseguidospuede sustituirse cadaunode ellospor&nbsp;.
Por ejemplo,parainsertarel texto:
¡Bienvenidos,estaesmi 1ª página!
Habría que escribir:
&iexcl;Bienvenidos,estaesmi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina!
Comentarios
En ocasionespodemosdesearañadircomentarios aclaratoriosdentrodel código,de maneraque
no seanvisualizadosenel navegador,perosía la horade editarel documento.
Para insertarcomentariosdentrodel código,bastaconinsertarel textoentre <!-- y//-->.
Todo el códigoque se inserte entre estossímbolosnoserávisualizadoenlosnavegadores.
Por ejemplo,parainsertarel textosiguienteconuncomentario:
¡Bienvenidos,estaesmi 1ª página!
Habría que escribir:
<!-- A continuaciónapareceráunalíneade texto//-->
&iexcl;Bienvenidos,estaesmi 1&ordf;p&aacute;gina!
Saltos de línea<br>
En general,cuandotrabajamosconuneditorde textose produce unsalto de líneaal pulsarla
teclaINTRO.
Si pulsamosINTROenun documentoHTML, el saltode línease produciráenel código,perono se
mostrará enel navegador.Paraque se produzcael saltode línea enel navegador,enlugarde
pulsarla teclaINTROhay que insertarlaetiqueta<br> donde se desee que se produzcael salto.
La etiqueta<br>no precisaningunaetiquetade cierre.Nohayque insertarlaetiqueta</br>
despuésde ella,yaque dichaetiquetanoexiste.
Por ejemplo,parainsertarel texto:
Queridosusuarios,
tengoel placerde comunicarosque hay unanuevasección.
Habría que escribir:
Queridosusuarios,<br>tengoel placerde comunicarosque hayunanuevasecci&oacuten.
Resaltadodel 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:
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 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:
Bienvenidosami página.
Aquí encontraréiscursosde formaciónmuyinteresantes.
Habría que escribir:
<p align="center">Bienvenidosami p&aacutegina.</p>
<p>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</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.
Por ejemplo,parainsertarel texto:
Bienvenidosami página.
Aquí encontraréiscursosde formaciónmuyinteresantes.
Habría que escribir:
<divalign="center">Bienvenidosami p&aacutegina.</div>
<div>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</div>
Encabezados<h1> ...
Existenunaserie de encabezadosque suelenutilizarse paraestablecertí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 usuario esel que aplicaráel estilodel encabezado
por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador.
Existenseisetiquetasque representanseistiposde cabecerasdistintas.Todasestasetiquetas
precisanunaetiquetade cierre.
RESULTADO
CODIGO

trabajo

  • 1.
    COLEGIONACIONALNICOLASESGUERRA JUAN DIEGO CARDNASPERDOMO MIGUELESTEBAN RINCON PARRA DANIELCARDOZOPEREZ 902 Caracteres especialesyespaciosen blanco Los caracteres< y > son doscaracteres especialesque indicaninicioyfinde etiqueta.Si se desea insertarestoscaracterescomotextohay que escribirel nombre que losrepresenta: < Se representacon&lt; > Se representacon&gt; Existenotraserie de caracteresque no se visualizancorrectamente enalgunosnavegadores,como esel caso de lañ y las letrasacentuadas,porloque al igual que ocurre con loscaracteres especiales<y >, para insertarloscomotextohabríaque escribirel nombre que losrepresenta. A continuaciónse muestraunalistaconalgunoscaracteresy el nombre con el que hande ser representados: Siempre que se insertatextoenHTML hayque tenerencuenta que si se escribenvariosespacios enblancoseguidossólamente se mostraráunoenel navegador.Paraconseguirque se muestren variosespaciosenblancoseguidospuede sustituirse cadaunode ellospor&nbsp;.
  • 2.
    Por ejemplo,parainsertarel texto: ¡Bienvenidos,estaesmi1ª página! Habría que escribir: &iexcl;Bienvenidos,estaesmi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina! Comentarios En ocasionespodemosdesearañadircomentarios aclaratoriosdentrodel código,de maneraque no seanvisualizadosenel navegador,perosía la horade editarel documento. Para insertarcomentariosdentrodel código,bastaconinsertarel textoentre <!-- y//-->. Todo el códigoque se inserte entre estossímbolosnoserávisualizadoenlosnavegadores. Por ejemplo,parainsertarel textosiguienteconuncomentario: ¡Bienvenidos,estaesmi 1ª página! Habría que escribir: <!-- A continuaciónapareceráunalíneade texto//--> &iexcl;Bienvenidos,estaesmi 1&ordf;p&aacute;gina! Saltos de línea<br> En general,cuandotrabajamosconuneditorde textose produce unsalto de líneaal pulsarla teclaINTRO. Si pulsamosINTROenun documentoHTML, el saltode línease produciráenel código,perono se mostrará enel navegador.Paraque se produzcael saltode línea enel navegador,enlugarde pulsarla teclaINTROhay que insertarlaetiqueta<br> donde se desee que se produzcael salto. La etiqueta<br>no precisaningunaetiquetade cierre.Nohayque insertarlaetiqueta</br> despuésde ella,yaque dichaetiquetanoexiste. Por ejemplo,parainsertarel texto: Queridosusuarios, tengoel placerde comunicarosque hay unanuevasección. Habría que escribir: Queridosusuarios,<br>tengoel placerde comunicarosque hayunanuevasecci&oacuten. Resaltadodel 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
  • 3.
    estasetiquetasnecesitanunaetiquetade cierre,yque puedenaplicarsevariasetiquetasal mismo texto. A continuaciónse muestranalgunasetiquetasasociadasal tipode letra: 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 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: Bienvenidosami página. Aquí encontraréiscursosde formaciónmuyinteresantes. Habría que escribir: <p align="center">Bienvenidosami p&aacutegina.</p> <p>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</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. Por ejemplo,parainsertarel texto:
  • 4.
    Bienvenidosami página. Aquí encontraréiscursosdeformaciónmuyinteresantes. Habría que escribir: <divalign="center">Bienvenidosami p&aacutegina.</div> <div>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</div> Encabezados<h1> ... Existenunaserie de encabezadosque suelenutilizarse paraestablecertí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 usuario esel que aplicaráel estilodel encabezado por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador. Existenseisetiquetasque representanseistiposde cabecerasdistintas.Todasestasetiquetas precisanunaetiquetade cierre. RESULTADO
  • 5.