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.
<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.
Ejemplo | |
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 1Heading 2Heading 3Heading 4Heading 5Heading 6 |
Párrafos
Los párrafos se definen con la etiqueta <p>.
Ejemplo | |
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. -->
* Nota 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 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 esun 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.
Ejemplo | |
Código
<hr> |
Resultado
|
Tabla con las etiquetas básicas
| Etiquetas | Descripción | Ej. |
|---|---|---|
| <h1> a <h6> | Define el tamaño de los encabezados |  |
| <p> | Define un párrafo | |
| <!-- --> | Define un comentario | |
| <br> | Define un salto de línea | |
| <hr> | Define una línea horizontal | |
Articulo original de la pagina web VIRTUAL NAUTA VISITA LA PAGINA WEB AQUI
No hay comentarios :
Publicar un comentario