Etiquetas principales en HTML


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.






Gejorotto
Gejorotto

This is a short biography of the post author. Maecenas nec odio et ante tincidunt tempus donec vitae sapien ut libero venenatis faucibus nullam quis ante maecenas nec odio et ante tincidunt tempus donec.

No hay comentarios.:

Publicar un comentario

Anuncios