Los últimos tutoriales de desarrollo web

HTML Introducción


¿Qué es HTML?

HTML es un lenguaje de marcas para describir documentos web (web pages) .

  • HTML significa Hyper Text Markup Language
  • Un lenguaje de marcas es un conjunto de markup tags
  • Los documentos HTML se describen mediante HTML tags
  • Cada etiqueta HTML describes diferentes contenidos del documento

Ejemplo HTML

Un pequeño documento HTML:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Inténtalo tú mismo "

ejemplo Explicación

  • El DOCTYPE declaración define el tipo de documento a ser HTML
  • El texto entre <html> y </html> describe un documento HTML
  • El texto entre <head> y </head> proporciona información sobre el documento
  • El texto entre <title> y </title> proporciona un título para el documento
  • El texto entre <body> y </body> describe el contenido de la página visible
  • El texto entre <h1> y </h1> describe un encabezamiento
  • El texto entre <p> y </p> describe un párrafo

El uso de esta descripción, un navegador web puede mostrar un documento encabezado y un párrafo.


Etiquetas HTML

Etiquetas HTML son palabras clave (tag names) rodeadas por angle brackets :

<tagname>content</tagname>
  • Etiquetas HTML normalmente vienen in pairs como <p> y </p>
  • La primera etiqueta en un par es la start tag, la segunda etiqueta es la end tag
  • La etiqueta final se escribe igual que la etiqueta de inicio, pero con una barra antes del nombre de la etiqueta

La etiqueta de inicio es a menudo llamado la opening tag . La etiqueta final se llama a menudo la closing tag .


Navegadores web

El propósito de un navegador web (Chrome, IE, Firefox, Safari) es leer los documentos HTML y mostrarlos.

El navegador no muestra las etiquetas HTML, pero los utiliza para determinar cómo mostrar el documento:

Ver en el explorador


Estructura de páginas HTML

A continuación se muestra una visualización de una estructura de la página HTML:

<html>
<head>
<title> Título de la página </title>
</head>
<body>
<h1> Este es un encabezado </h1>
<p> Esto es un párrafo. </p>
<p> Este es otro párrafo. </p>
</body>
</html>

Sólo el <body> área (the white area) está representada por el navegador.


La <!DOCTYPE> Declaración

La <!DOCTYPE> declaración de ayuda del navegador para visualizar una página web correctamente.

Hay diferentes tipos de documentos en la web.

Para mostrar un documento correctamente, el navegador debe conocer tanto el tipo y la versión.

La declaración DOCTYPE no distingue entre mayúsculas y minúsculas. Todos los casos son aceptables:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Declaraciones comunes

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Todos los tutoriales y ejemplos en w3ii utilizan HTML5.


Versiones de HTML

Desde los primeros días de la web, ha habido muchas versiones de HTML:

Versión Año
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014