TEXTO HTML
- 1. 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< > Se representacon> 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 .
- 2. Por ejemplo,parainsertarel texto: ¡Bienvenidos,estaesmi 1ª página! Habría que escribir: ¡Bienvenidos,estaesmi 1ª pá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//--> ¡Bienvenidos,estaesmi 1ªpá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ón. 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 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á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. Por ejemplo,parainsertarel texto:
- 4. Bienvenidosami página. Aquí encontraréiscursosde formaciónmuyinteresantes. Habría que escribir: <divalign="center">Bienvenidosami página.</div> <div>Aquí encontraréiscursosde formaciónmuyinteresantes.</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. CODIGO