HTML

¿Que es?

Es un lenguaje de programación.

¿De que se trata?

Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto.

¿Para que sirve?

Sirve para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido.

¿Que compone html?

Elementos

Agrupación de contenido

<p> Párrafo
<hr>Separador de contenido
<pre>Bloque de texto preformateado
<blockquote> Cita en forma de bloque
<ol>Lista ordenada
<ul>Lista no ordenada
<menu> Inserta una barra de menú
<li> Ítem de una lista
<dl>Lista de descripciones
<dt>Término en una lista de descripciones
<dd>Descripción en una lista de descripciones
<figure> Información autocontenida
<figcaption> Título para una figura
<main> Contenido principal de una sección
<div>Contenedor genérico para bloques de texto

Contenido incrustado

<picture> Imagen con mútiples orígenes
<source> Recurso de medios alternativo
<img> Imagen
<iframe> Contexto de navegación anidado
<embed> Inserta aplicaciones externas
<object> Inserta aplicaciones externas
<param> Parámetro para una aplicación externa
<video> Video
<audio> Audio
<track> Pista de texto para videos
<map> Mapa de imagen del lado cliente
<area> Sector en un mapa de imagen

Formularios

<form> Formulario
<label> Etiqueta de un control
<input> Control de entrada
<button> Botón
<select> Lista de opciones
<datalist> Sugerencias para los controles
<optgroup> Grupo de opciones en una lista
<option> Una opción en una lista
<textarea> Campo de texto multilínea
<output> La salida de un proceso
<progress> El progreso de una tarea
<meter> Una medida
<fieldset> Grupo de controles
<legend> El título de un grupo de controles

Meta-datos del documento

<head> Sección de encabezado del documento
<title> Título del documento
<base> URI base para resolver URIs relativos
<link> Información relacional para el documento
<meta> Variable para el documento
<style> Atributos presentacionales

Elementos interactivos

<details> Contenido desplegable
<summary> Un resumen del contenido desplegable
<dialog> Cuadro de diálogo

Programas

Elementos de raiz

<HTML> El cual es un contenedor principal

Secciones

<body>El cual es el cuerpo del documento
<article> Es para contenido redistribuible
<section> Define una sección
<nav> Define una sección de navegación
<aside> Contenido sólo ligeramente relacionado
<h1> Encabezado de nivel 1
<h2> Encabezado de nivel 2
<h3> Encabezado de nivel 3
<h4> Encabezado de nivel 4
<h5> Encabezado de nivel 5
<h6> Encabezado de nivel 6
<hgroup>Agrupa encabezados consecutivos
<header> El encabezado de una sección
<footer> El pie de una sección
<address> Información de contacto del autor

Información tabulada

<table> Tabla
<caption> El título de una tabla
<colgroup> Groupo de columnas
<col> Establece atributos para columnas
<tbody> Cuerpo de la tabla
<thead> Encabezado de la tabla
<tfoot> Pie de la tabla
<tr> Fila
<td> Celda común
<th> Celda de encabezado

Edicion

<ins> Texto agregado
<del> Texto eliminado

Semántica de texto

<a> Hipervínculo
<em>Texto con énfasis
<strong>Texto con énfasis fuerte
<small> Comentario secundario
<s> Contenido que ya no es preciso o relevante
<cite> Cita o referencia
<q> Cita en forma de línea
<dfn>Término definifo en el texto circundante
<abbr> Término abreviado
<ruby> Texto con anotaciones Ruby
<rt> Anotación Ruby
<rp> Texto a ser ignorado por anotaciones Ruby
<data> Información apta para programas
<time> Fecha y/u hora
<code> Código de computadora
<var> Instancia de una variable
<samp> Ejemplo de la salida de un programa
<kbd> Texto ingresado por el usuario
<sub> Texto en subíndice
<sup> Texto en superíndice
<i> Texto desplazado de la prosa normal
<b> Texto desplazado del contenido circundante
<u> Anotaciones no textuales
<mark> Marca texto en otro documento
<bdi> Aisla texto para el formateo bidireccional
<bdo> Anula el algoritmo bidireccional
<span> Contenedor genérico para líneas de texto
<br> Quiebre de línea
<wbr> Oportunidad de quiebre de línea

Etiquetas

¿Que son las etiquetas?

Son fragmentos de texto rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir código HTML.

¿Que tipos de etiquetas existen?

Existen las etiquetas de apertura '<etiqueta>' y las etiquetas de cierre '</etiqueta>'