viernes, 30 de enero de 2015

3. ETIQUETAS BÁSICAS HTML

3.1 ETIQUETAS BÁSICAS

Headings

Nos definen el tamaño de un título o cabecera.

<h1> nos dá el tipo de letra más grande.
<h6> nos dá el tipo de letra más pequeño.
HTML agrega automaticamente un espacio antes y después de cada título.

<h1> al ser usado como título de una página Web, es de suma importancia ya que es uno de los parámetros que Google y demás buscadores tiene en cuenta, a la hora de indexar un 
 sitio web.

 <html>
<head>
<title>Headings</title>
</head>

<body>
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
</body>
</html>

Resultado

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

3.2. PÁRRAFOS

Los párrafos se definen con la etiqueta <p>

 <html>
<head>
<title>Párrafos</title>
</head>

<body>
<p>Este es el primer párrafo.</p> <p>Y este es el segundo párrafo.</p>
</body>
</html>

Resultado
Este es el primer párrafo.
Y este es el segundo párrafo.

 

 3.3. COMENTARIOS

 
La etiqueta <!-- ... --> se utiliza para insertar un comentario dentro del código que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el código y son de gran ayuda en el momento que necesitemos editarlo.
<!-- Esto es un comentario. -->
* Nota que el signo de exclamación se coloca solo al principio del código.


3.4. SALTO DE LINEA

El salto de línea está definido con la etiqueta <br>. Es utilizado cuando queremos cortar una línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea dondequiera que la ubiquemos.

Ejemplo


Código
Esto es <br> un salto de lí<br>nea.
Resultado
Esto es
un salto de lí
nea. 
    

3.5. TRAZAR UNA LINEA

La etiqueta <hr> nos permite trazar una línea horizontal como las que separan las distintas secciones de este tutorial.
La etiqueta <hr> no tiene cierre.
 

No hay comentarios:

Publicar un comentario