Etiquetas HTML mas Utilizadas


HTML es un lenguaje de marcado estándar para crear páginas web.


HTML significa lenguaje de marcado de hipertexto, que describe la estructura de una web, consiste en una serie de elementos que le dicen al navegador como mostrar el contenido. HTML esta representado por etiquetas que representan piezas de contenido como: Encabezados, Párrafos, Tablas. Los navegadores no muestran las etiquetas, pero las utilizan para entender el contenido de la página.


Un simple documento HTML esta representado de esta manera:


<!DOCTYPE html>

<html>
<head>

<title>Page Title</title>

</head>

<body>

<h1>Cabecera</h1>
<p>Parrafo.</p>

</body>
</html>






¿Cuales son las etiquetas mas utilizadas?






HTML Headings:


Estas etiquetas son muy utilizadas en el SEO para darle información a Google de como esta estructurada la jerarquía de títulos y contenido.



<h1>Titulo Principal</h1>

<h2>Titulo secundario</h2>

<h3>Titulo de menor importancia</h3>






Párrafo:


Párrafo simple etiqueta para escribir parrafos.


<p >Párrafo Aquí </p >





De enlace:


Se utiliza para especificar que el elemento es un enlace. Dentro el atributo href se encuentra la url a la que apunta.


<a href=’https://www.google.com/’ >Aqui va el texto que es enlace al mismo tiempo </a >





Imagen:


Incluye una imagen donde src es su atributo obligatorio utilizado como fuente (dirección) de donde se trae la imagen.


El atributo Alt no es obligatorio pero necesario en caso de que por alguna razón no se cargue la imagen, entonces se muestre al menos un texto describiendo que era.


<img src=’imagen.jpg’ alt=’nombre alternativo de la imagen’ width=’104′ height=’142′>





Lista


Las listas HTML se definen con la etiqueta <ul> (lista desordenada / con viñetas) o <ol> (lista ordenada / numerada), seguidas de etiquetas <li> (elementos de la lista):</p>

<ul >
<li >Carne </li >
<li >Huevos </li >
<li >Leche </li >
</ul >

<ol >
<li >Tomate </li >
<li >Zanahoria </li >
<li >Rábano </li >
</ol >





Comentario


Se utiliza para comentar dentro del código. Esto es recomendable mas que nada porque cuando escribimos código llenamos una hoja con mucho texto que a veces no lo entendemos ni nosotros mismos, y menos otro desarrollador. Se considera buena practica comentar los códigos.


<!– Escribe tus comentarios aquí >





Elementos de Bloque


Un elemento de nivel de bloque siempre comienza en una nueva línea y ocupa todo el ancho disponible (se extiende hacia la izquierda y hacia la derecha tanto como sea posible).


Elemento de <div> El elemento <div> se usa como contenedor para otros elementos HTML.


<div> Elemntos aqui </div>





Elemento de <span>


El elemento <span> se usa como contenedor para algún texto.

El elemento <span> no tiene atributos requeridos,

pero el estilo, la clase y la identificación son comunes.

Cuando se usa junto con CSS,

el elemento <span> se puede usar para dar estilo a partes del texto:


<span > Elemntos aqui </span >