Comparte:

Te presento a continuación una lista con las etiquetas más importantes en HTML y XML, y que son las que estaremos usando para crear nuestra página. No es necesario que te las aprendas de memoria, pero sí debes entender su uso y efectos para poder modificar el diseño o la estructura de tu sitio web. Si tienes alguna duda relacionada con HTML y la estructura, te recomiendo leer los siguientes temas:

Estas son las etiquetas más importantes y las que estaremos usando para nuestro sitio:

Estructura de la página

  • <!DOCTYPE html>  Indica el inicio de un documento
  • <head>  Indica el inicio de la zona de encabezado de la página, en esta zona se alojan el logotipo, el nombre de la página, el subtítulo, algunos menús y los códigos de estilos, fuentes, links y formatos.
  • <title> Dentro de esta etiqueta se encuentra el título de la página, se encuentra alojada dentro de <head> y es una etiqueta obligatoria.
  • <header>  Se utiliza para colocar un encabezado o título en el documento.
  • <body>  Señala el inicio del cuerpo del documento HTML.
  • <footer> Se usa para colocar un pie de página al final del documento.

Tablas

  • <table>  Inicia una una tabla en nuestro documento.
  • <tr>   Crea una fila dentro de la tabla.
  • <td>  Crea celdas de datos dentro de la tabla.
  • <th>  Crea una cabecera dentro de la tabla.

Listas y menús

  • <li>  Crea o inicia una lista.
  • <ol>  Crea o inicia una lista ordenada.
  • <ul>  Crea o inicia una lista desordenada.

Formatos

  • <h1>, <h2>, <h3>, <h4>, <h5> y <h6>  Estas son etiquetas de formato para cambiar el tamaño de un texto, o encabezado, siendo h6 el más pequeño y h1 el más grande
  • <b> o <strong>  Marca el estilo de un texto como negrita, hoy en día b está descontinuada y en su lugar se utiliza strong.
  • <i> o <em>  Marca el estilo de un texto como cursiva, hoy en día i está descontinuada y en su lugar se utiliza em.
  • <s> o <strike> Ambos están descontinuados, pero sirven para dar el efecto de tachado a un texto.
  • <u>  Añade un estilo de subrayado a los textos.

Alineación

  • <p align=”left”></p> o <left>  Alínea cualquier párrafo u objeto a la izquierda.
  • <p align=”center”></p> o <center>  Alínea cualquier párrafo u objeto al centro.
  • <p align=”right”></p> o <right>  Alínea cualquier párrafo u objeto a la derecha.
  • <sup>  Convierte el texto en súper índice.
  • <sub>  Convierte el texto en sub índice.

Insertar objetos

  • <object>  Permite insertar objetos como imágenes o tablas en la página.
  • <embed>  Permite insertar imágenes, texto o videos desde otros sitios. 
  • <iframe>  Permite insertar videos con un reproductor diseñado por un tercero.

Existen más etiquetas, pero las revisaremos conforme avancemos con el diseño de la página, recuerda que  si tienes alguna duda o necesitas ayuda con la construcción de tu sitio, contáctame y con gusto te ayudaré.

Saludos.

Gejorotto.

Comentarios: