.

1. Colegio nacional Nicolás esguerra
Futurum edificamus
Sebastián Pardo
Juan Sebastián Barrios
Caracteresespecialesyespaciosenblanco
Los caracteres< y > son doscaracteres especialesque indicaninicioyfinde etiqueta.Si se desea
insertarestos caracterescomotextohay 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:
Carácter Representación
< &lt;
> &gt;
á &aacute;
Á &Aacute;
é &eacute;
É &Eacute;
í &iacute;
Í &Iacute;
ó &oacute;
Ó &Oacute;
ú &uacute;
Ú &Uacute;
ñ &ntilde;
Ñ &Ntilde;
™ &#153;
Carácter Representación
€ &euro;
ç &ccedil;
Ç &Ccedil;
ü &uuml;
Ü &Uuml;
& &amp;
¿ &iquest;
¡ &iexcl;
" &quot;
· &middot;
º &ordm;
ª &ordf;
¬ &not;
© &copy;
® &reg;

2. Siempre que se insertatextoenHTML hayque tenerencuenta que si se escribenvariosespacios
enblancoseguidos só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ñadircomentariosaclaratoriosdentrodel 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 texto siguienteconuncomentario:
¡Bienvenidos,estaesmi 1ª página!
Habría que escribir:
<!-- A continuaciónapareceráunalíneade texto//-->
&iexcl;Bienvenidos,estaesmi 1&ordf;p&aacute;gina!
Saltosde línea<br>
En general,cuandotrabajamos conun editorde textose produce unsaltode 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.

3. Una forma de asegurarnosde que el textoaparezcaenel navegadortal cual ha sidoinsertado
dentrodel código,esutilizandolasetiquetas<pre>y</pre>.
Utilizandoestasetiquetaspodemostenerlaseguridadde que enel navegadorse mostrarántodos
losespaciosenblancoque se insertenenel texto,asícomotodoslos saltosde línearesultantesde
pulsarla teclaINTRO,sinla necesidadde utilizarlaetiqueta<br>.
Por ejemplo,parainsertarel texto:
Hola, BIENVENIDOS
esta ES MI PÁGINA WEB
y estountextopreformateado
Habría que escribir:
<pre>Hola, BIENVENIDOS
esta ES MI PÁGINA WEB
y estountextopreformateado</pre>
El inconvenientede estaetiquetaesque entre lasetiquetas<pre>y</pre> no se puedenincluir
lasetiquetas<img>(paraincluirimágenes),<object>(paraincluirobjetoscomoanimaciones),
<big>, <small>,<sub>ni <sup> (lasveremoseneste tema).
Separadores<hr>
El elementoque sueleutilizarseparasepararseccionesdentrode una mismapáginaeslaregla
horizontal.Parainsertarunareglahorizontal hayque insertarlaetiqueta<hr>.Dicha etiquetano
precisaningunaetiquetade cierre.
Es posible especificaralgunosatributosde lareglahorizontal:
Atributo Significado Posibles valores
ali
gn
alineación de la regla dentro
de la página
left (izquierda)
right (derecha)
center (centro)
width ancho de la regla
un número, acompañado de % cuando se desee
que sea en porcentaje
size alto de la regla un número
noshade
eliminar el sombreado de la
regla
no puede tomar valores
Por ejemplo,parainsertarel textoylareglahorizontal siguientes:
Inicio
Bienvenidosami página.
Habría que escribir:

4. Inicio<hralign="left"width="300%"size="5"noshade>Bienvenidosami p&aacute;gina.
Sangradode texto<blockquote>
La sangría esuna especie de margenque se establece aambosladosdel texto.Paraque untexto
aparezca sangrado,se insertaentre lasetiquetas<blockquote>y</blockquote>.
Esta etiquetaenunprincipiose definió paradelimitarcitasperoque comolamayoría de los
navegadoresresuelvenlacitaincluyendounsangradodel texto,suusopara sangrar textose ha
generalizado.
El usode laetiqueta<blockquote>obligaaque el textoaparezcaenuna nuevalínea.
Insertandoel textoentre variasetiquetas<blockquote>y</blockquote>se consigue que los
márgenesseanmayores.
Por ejemplo,parainsertarel texto:
Queridosusuarios,
tengoel placerde comunicarosque hay unanuevasección.
Habría que escribir:
Queridosusuarios,
<blockquote>
<blockquote>
tengoel placerde comunicarosque hayuna nuevasecci&oacuten.
</blockquote>
</blockquote>

5. CodigoHtml

6. <html>
<head>
<title>Batman</title>
</head>
<hr size ="5">
<bodybgcolor="#BA0404">
Batman<br>
<hr size ="5">
<blockquote>
<pre><fontcolor="#FFFFFF"size="5"> Welcome toThe new page</pre>
<pre> AudifonosCookieMonsterandDomo</pre>
<pre> Batman ismy Idol :3</pre>
<fontcolor="#FFFFFF"size="5"></font>
<pre>
ColegioNacionalNicolásEsquerra
Derechosde copyright
Bogota D.C.
2015
</pre>
</body>
</html>