Etiquetas HTML


Etiquetas básicas de HTML

<html>: indica el comienzo del documento HTML.
<head>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y otras informaciones relacionadas con el contenido de la página.
<body>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.
<h1>, <h2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.
<a>: define los enlaces.
<table>: es una tabla, y dentro de esta tenemos filas <tr> y celdas <td>.
<p>: el texto dentro de esta etiqueta forma un párrafo.
<img>: imágenes.
<ul>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <li> definimos cada guión dentro de la lista, y usando <ol>en lugar de <ul> tendremos listas ordenadas.
<b> y <strong>: se utilizan para resaltar el texto.
<u>: texto subrayado.
<i> y <em>: texto en cursiva.

Ejemplo:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head>
    <title>Título de la página</title>
  </head>

  <body>
    <h1>Encabezado de la página</h1>
    <h2>Encabezado de menor tamaño</h2>

    <p>Este es el texto de un párrafo.</p>
    <p>Este es el texto de otro párrafo. Dentro de este párrafo,
    pueden ir palabras <strong>en negrita</strong>, <em>en cursiva</em> o lo
    que quieras.</p>

    <p>También podemos poner listas como la siguiente:</p>
    <ul>
      <li>Guión número uno.</li>
      <li>Guión número dos.</li>
      <li>Guión número tres.</li>
    </ul>
  </body>

</html>

Comentarios

Entradas más populares de este blog

Ciclo de vida de un sistema de información

preguntas de HTML