FAQ | Internet y la web | El Diseño web | Páginas web | Lenguaje html | Imágenes | Tablas | Estilos

Características del lenguaje html

Formato de las etiquetas HTML

Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin con el siguiente formato:
<etiqueta>bloque de texto</etiqueta>
En el caso de un titular de tipo 2 sería

<h2>Titular de tipo 2</h2>

Estos elementos se denominan contenedores, porque contienen un bloque de texto entre las etiquetas de comienzo y fin.
También existen elementos vacíos, que no tienen contenido y únicamente tienen una etiqueta de inicio <etiqueta>. Podemos verlo con la etiqueta de salto de línea

línea 1 <br> línea 2

línea 1
línea 2

¿Pueden tener atributos las etiquetas?

Muchos elementos tienen atributos que definen propiedades del elemento:

<etiqueta atributo="valor"> bloque de texto </etiqueta>

Así en el ejemplo del título anterior podríamos añadir

¿Hay distinción entre mayúsculas y minúsculas?

HTML no distingue entre mayúsculas y minúsculas. Cuando es importante hacerlo, como al poner un título o un atributo, hay que ponerlo entre comillas dobles como en

<a href=”index.htm” title=”Hooping”>

¿Cómo se escriben comentarios?

Los comentarios se escriben en HTML empezando con <!-- y terminando con -- > como se ve a continuación

<!-- Ejemplo de comentario -- >

¿Cómo se interpretan los espacios, tabulaciones y retornos de carro?

Los espacios, tabulaciones, líneas en blanco y retornos de carro del documento HTML se ignoran, tomándose como un único espacio en blanco. Esto permite añadir espacios para aumentar la claridad del documento.
Entonces, ¿Cómo genero en el código los espacios en blanco, tabulaciones y retornos de carro?

Para generar estos caracteres especiales debemos usar el siguiente código

¿Y los caracteres con acentos o la ñ?

Estos caracteres se escriben poniendo el carácter ampersand (&) seguido del nombre asociado al carácter y un punto y coma (;). Ejemplos:

¿Qué estructuración tiene el HTML?

HTML tiene unas reglas estructurales que indican dónde pueden y no pueden ir los elementos.
Tenemos el ejemplo de los titulares, que son independientes entre ellos, no pudiendo contenerse unos a otros. El siguiente código sería incorrecto

< h1><h2>contenido</h2></h1>

Las etiquetas tienen que seguir un orden piramidal, las primeras que se abren son las últimas que se cierran.

< 1><2><3><4><5>Contenido<5><4><3><2><1>

• Los lenguajes de etiquetas

  • ¿Cómo funcionan las etiquetas?

• Elementos básicos de html

  • ¿Cuál es la estructura de un documento html?

  • ¿Cuales son los elementos más importantes del encabezamiento?

  • ¿Qué contenidos tiene el cuerpo o body?

  • ¿Qué es un párrafo?

  • ¿Qué son los titulares?

  • ¿Cómo puedo darles estilo a mis caracteres?

  • ¿Qué son las listas?

  • ¿Cómo inserto imágenes?

  • ¿Qué son los hiperenlaces o enlaces hipertexto?

  • ¿Qué son las direcciones url?

  • ¿Qué tipos de direcciones urls existen?

  • ¿Qué es un enlace a un punto de una página?

  • ¿Se pueden enlazar otro tipo de archivos?

  • Estilos, fuentes y colores

  • La etiqueta DIV

  • La etiqueta SPAN

Diseño web de Hooping