Elementos en HTML
Características
HTML define el término elemento para referirse a las partes que componen los documentos HTML. Está formado por:
- Una etiqueta de apertura
- Cero o más atributos
- Texto encerrado por la etiqueta
- Una etiqueta de cierre
Elementos en HTML
Esquema de etiquetas
Elementos en HTML
Clasificación
HTML clasifica a los elementos en dos grupos: elementos en línea (inline) y elementos de bloque (block):
- Los elementos de bloque siempre empiezan en una nueva línea y ocupan todo el espacio disponible hasta el fin
- Los elementos en línea solo ocupan el espacio necesario para mostrar sus contenidos
Elementos en HTML
Clasificación
Sintaxis de las etiquetas
Características
El lenguaje HTML es muy permisivo en su sintaxis:
- Mezcla de mayúsculas y minúsculas
- Omisión de comillas
- Indiferente el orden de abrir y cerrar etiquetas Consecuencia: páginas con un código HTML desordenado, difícil de mantener y muy poco profesional
Sintaxis de las etiquetas
Restricciones XHTML
Restricciones básicas que introduce XHTML respecto a HTML:
- Las etiquetas se tienen que cerrar de acuerdo a como se abren
- El valor de los atributos siempre se encierra con comillas
- Los atributos no se pueden comprimir
- Todas las etiquetas deben cerrarse siempre (hay excepciones)
Texto
Texto en web
Texto
Estructura
-
Párrafos:
<p> </p>
-
Secciones (títulos):
<h1> ... <h6>
Texto
Marcado básico
- Texto importante: <strong>
- Modificación: <ins> (admite cite = "url" y datetime = "fecha")
- Marcar como borrado: <del> (admite cite = "url" y datetime = "fecha")
- Cita textual: <blockquote> (admite cite = "url")
Texto
Marcado avanzado
- Abreviaturas de un texto: <abbr> (admite title = "texto")
- Siglas o acrónimos de un texto: <acronym> (admite title = "texto")
- Definiciones: <dfn> (admite title = "texto")
- Marca el autor de una cita: <cite>
- Marca genérica de texto: <span>
Texto
Otras etiquetas
- Nueva línea (retorno de carro):<br>
-
Espacio en blanco: <
> - Texto preformateado: <pre>
- Código fuente: <code>
Texto
Codificación de caracteres (1)
| Entidad | Carácter | Descripción |
= |
< | menor que |
> |
> | mayor que |
& |
& | ampersand |
" |
" | comillas |
  |
espacio en blanco | |
' |
' | apóstrofo |
Texto
Codificación de caracteres (2)
| Entidad | Carácter | Descripción |
|---|---|---|
ñ |
ñ | eñe |
Ñ |
Ñ | eñe mayúscula |
á |
á | a con acento agudo |
é |
é | e con acento agudo |
í |
í | i acute |
ó |
ó | o con acento agudo |
ú |
ú | u acute |
Á |
Á | A con acento agudo |
É |
É | E acute |
Í |
Í | I acute |
Ó |
Ó | O con acento agudo |
Ú |
Ú | U con acento agudo |
€ |
€ | euro |