Lenguaje HTML

El lenguaje HTML tiene muchas etiquetas, pero aplicando el Principio de Pareto (la regla del 80-20), sólo hay que conocer bien el 20% de las etiquetas, ya que con ellas se crea el 80% del contenido de las páginas web. Las etiquetas más importantes son:

• html: etiqueta principal.
• head: cabezera, metadatos. Lo que se escribe en la cabezera no aparece en la pag web, se emplea para definir los metadatos, inf sobre la pag o instrucciones sobre como procesar la pagina web.
• title: obligatoria, solo puede haber una. Para definir el título de la página.
• body: deine la segunda parte de la pagina web, el cuerpo, lo que se escribe en el cuerpo si que aparece representado en la pag web cuando se visualiza en un navegador.
• h1, ..., h6: para definir encabezados o titulos en la página, 6 niveles de importancia. Normalmente se usan h1, h2 y h3.
• p: define un párrafo de texto de la página.
• strong: negrita.
• em: texto enfatizado.
• ul: listas no numeradas.
• ol: listas numeradas.
• li: cada punto de la lista de listas no ordenadas y ordenadas.
• atributos: type y reversed.
• dl: lista de descripción. Ej: glosario, diccionario.
• dt: definir cada termino de la lista.
• dd: definir cada descripción de un término.

• a: definir un hiperenlace .

• br: salto de línea. Es una etiqueta vacia, <br/>. No se usa para separar párrafos, si para poesía, direcciones, etc.
• link
• met
• style
• script
• img
• FORMULARIOS
• form: envio de datos
• input: entradas texto, casillas verificacion, contraseñas. No tiene etiqueta de cierre.
• select: listas desplegables y de selección múltiple.
• textarea: para seleccionar el area visible.
• label: mejora usabilidad y accesibilidad formularios.
• fieldset: agrupa elementos relacionados entre sí. Ej: datos personales, datos bancarios.
• TABLAS
• table: inicio y cierre de la tabla.
• tr: representa una nueva fila de la tabla.
• td: celda de datos en la tabla.
• th:para añadir semantica a la tabla. Su uso se recomienda para las primeras filas y columnas.
• thead: agupa filas de cabecera.
• tbody: agupa filas de cuerpo.
• tfoot: agrupa filas del pie de la tabla.
• caption: añade un titulo sobre la tabla.
• colgroup: dar estilos por columnas.
• col: dar estilos por columnas. No tiene etiqueta de cierre.
• blockquote
• hr
• div
• span