Tecnologías de la Información y la Comunicación · 2º Bachillerato
Curso 2016/2017·  

Lenguaje HTML5

html5 logo

HTML es un lenguaje de marcado utilizado para definir la estructura y contenido de una página o documento web. La idea es utilizar un lenguaje para hacer referencia a otros documentos, como archivos, imágenes, video, audio, etc.

¿Cómo se hacen las páginas Web?

Hace una década, para crear páginas Web solamente era necesario conocer el lenguaje HTML (HyperText Markup Language). Como su nombre indica, es un lenguaje que "marca" el contenido de una página Web para que el navegador la interprete y la página aparezca tal y como la vemos.

La W3C (organismo que tiene como fin establecer normas para el desarrollo y uso de tecnologías Web) nos dice que el lenguaje HTML se compone de elementos (aproximadamente 100) formados por una etiqueta de apertura, un contenido y una etiqueta de cierre; además, en la etiqueta de apertura puedemos incluir atributos con determinados valores y las etiquetas deben encerrarse entre los signos de menor "<" y mayor ">".

Es decir, el lenguaje HTML es un lenguaje de "marcas" y todo lo que aparece en una página web lo debemos marcar antes, de manera que el contenido de la página más las marcas forman el archivo HTML.

Los elementos pueden tener o no una o varias parejas "atributo-valor" y algunos elementos se consideran vacios y no tienen contenido ni etiqueta de cierre.

Toda página Web se incluye dentro del elemento "html", es decir comienza con la etiqueta <html> y termina por </html>. Estos archivos se guardan normalmente con extensión .html, podemos crearlos incluso con el bloc de notas y es norma que el primer archivo de nuestro sitio web se llame index.html o default.html para que no tengamos que acordarnos de la página de inicio cuando le indicamos a alguien la dirección de una página web (URL).

Esquema de un elemento HTML, por ejemplo un h1

elemento html

  • Las etiquetas se abren y tienen que cerrarse de acuerdo al orden en el que han sido abiertas
  • Las etiquetas están encerradas entre los signos de menor (<) y de mayor (>)
  • La mayoría del marcado se realiza con dos etiquetas, una de apertura y otra de cierre: <etiqueta>... contenido ...</etiqueta>. Existen algunas excepciones a esta regla en las que solo se escribe una etiqueta de la siguiente forma: <etiqueta />
  • Es conveniente que los nombres de las etiquetas y atributos siempre estén escritos en minúsculas
  • El valor de los atributos siempre procuraremos encerrarlos entre dobles comillas

Por suerte, con el tiempo el lenguaje HTML dio paso a XHTML (Extensible Hypertext Markup Language, que podemos decir que es como una actualización de HTML) y posteriormente a HTML5 que, claramente será un nuevo estandar, y el diseño se separó del código html para escribirse sólamente en las llamadas Hojas de Estilo en Cascada (CSS).

Estructura básica de una página web:


<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Mi primera página web">
  <title>Título de la página</title>
  <link rel="stylesheet" href="/i2017bto2/css/estilos.css">
</head>
<body>
  <!-- Contenido de toda la página -->
</body>
</html>

 

Etiquetas: Teoría, HTML5

Imprimir

En línea...

Hay 7 invitados y ningún miembro en línea

Prácticas...

aulav

Visitas...

0.png6.png3.png1.png8.png
Hoy ........19
Ayer .......15
Mes ........246

Jueves, 24 Agosto 2017