Virtualnauta
Sea protagonista de la Web

Virtualnauta > Tutorial HTML > Etiquetas Básicas

HTML

Etiquetas básicas de HTML


<<< Elementos y etiquetas de HTML Formato de visualización de HTML >>>


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 tiene en cuenta, a la hora de indexar su sitio.





Código

<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



















Párrafos

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


Código

<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.




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. -->

* Note que el signo de exclamación se coloca solo al principio del código.



Salto de línea

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


Código

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

Esto es
un salto de lí
nea.








Trazar una línea

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.


Código

<hr>
Resultado









Tabla con las etiquetas básicas


Etiquetas Descripción Ej.
<h1> a <h6> Define el tamaño de los encabezados Ejemplo de las etiquetas <h1> a la <h6>
<p> Define un párrafo Ejemplo del uso de la etiqueta <p> </p>
<!-- --> Define un comentario Ejemplo del uso de los comentarios en un código HTML
<br> Define un salto de línea Ejemplo del uso de un salto de línea dentro del código HTML
<hr> Define una línea horizontal Ejemplo de como definir una línea horizontal dentro del código



¿No encuentras lo que buscas?



<<< Elementos y etiquetas de HTML Formato de visualización de HTML >>>

Búsqueda

 

Diseño Web

Diseño Web

    Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

Copyright 2007 - 2009 by Martín Solomiak. Todos los derechos reservados.


webmaster@virtualnauta.com

Mapa del sitio Valid XHTML 1.0 Transitional Valid CSS!