En este capitulo reforzaremos lo visto y también veremos cosas nuevas, pero principalmente sera un reforzamiento.
Comentarios
Los comentarios son texto que se puede leer cuando un ve el código, pero no se muestran cuando uno ve la pagina por el navegador.
Pagina sin comentarios :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <html>
<head>
<title>Mi primera pagina<title>
</head>
<body>
<h1>Mi primera pagina</h1>
<p>
Guau esto es increíble miren voy a poner
un link <a href="http://tecnologiaslibres.net"> a TecnologiasLibres justo aquí</a>
</p>
<p>
Yo soy otro párrafo y me gustaría
destacar <strong>esto<strong>.
</p>
</body>
</html> |
Pagina con comentarios :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <html>
<head>
<title>Mi primera pagina<title>
</head>
<body>
<h1>Mi primera pagina</h1><!-- esto es el titulo -->
<p>
Guau esto es increíble miren voy a poner
un link <a href="http://tecnologiaslibres.net"> a TecnologiasLibres justo aquí</a>
</p>
<p><!-- este es el ultimo párrafo -->
Yo soy otro párrafo y me gustaría
destacar <strong>esto<strong>.
</p>
</body>
</html> |
Las 2 paginas lucirán exactamente igual en el navegador, sin embargo, en la 2º tenemos texto oculto o conocido como comentarios (mirar con atención linea 8 y 14), los comentarios se hacen así
1 | <!-- soy un comentario --> |
Párrafos
Los párrafos son texto encerrado pro la etiqueta <p> y la verdad es que no tiene mucha ciencia, ya lo habíamos visto
1 2 3 4 | <p>Soy un lindo parrafo</p>
<p>
Y yo soy otro mucho más largooooooooooooooooooooooooooo!
</p> |
Salto de linea
Supongamos que queremos separar los 2 párrafos anteriores con 5 lineas en blanco extras, seria ten sencillo como hacer esto
1 2 3 4 5 6 7 8 9 | <p>Soy un lindo parrafo</p>
<br />
<br />
<br />
<br />
<br />
<p>
Y yo soy otro mucho más largooooooooooooooooooooooooooo!
</p> |
Ahora supongamos que queremos hacer un triangulo de asteriscos, seria tan simple como esto:
1 2 3 4 5 6 | <p> *<br /> **<br /> ***<br /> ****<br /> </p> |
En definitiva cada vez que queramos hacer una nueva linea deberemos escribir <br />, un ultimo ejemplo:
1 2 3 4 5 | <h1>Primera linea<br />Segunda</h1> <p> Hola yo estoy en la linea 1<br /> y yo en la 2 </p> |
Encabezados
Existen 6 niveles de títulos o encabezados, es muy importante usarlos correctamente ya que los buscadores, los tiene muy encuenta, con un ejemplo nos debería quedar claro:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <h1>Primera linea<br />Segunda</h1> <h1> Mi pagina </h1> lalalalalall allaalla alalal <h2> Listado de Compras </h2> lalaal laalal <h2> Listado de Pendientes </h2> alalala laalalal <h2> Links de interes </h2> lalalala allaalla |
¿Quieres leer más artículos como éste? ¡Suscríbete!
