English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriales básicos de HTML

medios HTML

libro de referencias HTML

HTML5 Tutoriales básicos

HTML5 API

HTML5 Medios

¿Qué es HTML?

HTML se conoce como lenguaje de etiquetas de hipertexto, es un lenguaje identificativo. Incluye una serie de etiquetas. A través de estas etiquetas se puede unificar el formato de los documentos en línea, y conectar los recursos dispersos de Internet en un todo lógico. El texto HTML está compuesto por comandos HTML descriptivos, los comandos HTML pueden explicar texto, gráficos, animaciones, sonido, tablas, enlaces, etc.

!DOCTYPE　html
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>Manual básico(oldtoolbag.com)</title>
</head>
<body>
<h1>mi primer título de página web</h1>
<p>mi primer párrafo de página web.</p>
</body>
</html>
Prueba aquí ‹/›

Ejemplo de análisis

  • !DOCTYPE html> declara que es HTML5 documento

  • El elemento <html> es el elemento raíz de la página HTML

  • El elemento <head> contiene los datos meta del documento, como <meta charset="utf-8"> define el formato de codificación de la página web como utf-8。

  • La etiqueta <title> describe el título del documento

  • El elemento <body> contiene el contenido visible de la página

  • <h1La etiqueta > define un gran título

  • El elemento <p> define un párrafo

Nota: En el espacio en blanco de la página web, haga clic con el botón derecho y seleccione "Archivo de fuente de página web" o presione F en el teclado12Al activar el modo de depuración, se puede ver el código fuente de la página web.

¿Qué es HTML?

HTML es un lenguaje utilizado para describir las páginas web.

  • HTML se refiere al lenguaje de marcado de hipertexto: HyperText Markup Language

  • HTML no es un lenguaje de programación, sino un lenguaje de marcado

  • Un lenguaje de marcado es un conjunto de etiquetas de marcado (markup tag)

  • HTML utiliza etiquetas de marcado para describir las páginas web

  • El documento HTML contiene etiquetas HTML y contenido de texto

  • El documento HTML también se llama página web

etiqueta HTML

Las etiquetas de marcado HTML se conocen comúnmente como etiquetas HTML (HTML tag).

  • Las etiquetas HTML están envueltas por corchetes angulares, como <html>

  • Las etiquetas HTML suelen aparecer en pares, como <b> y </b>

  • La primera etiqueta en una etiqueta par es la etiqueta de inicio y la segunda etiqueta es la etiqueta de finalización

  • Las etiquetas de inicio y de finalización también se conocen como etiquetas abiertas y cerradas

<etiqueta>contenido</etiqueta>

Elementos HTML

"Etiqueta HTML" y "elemento HTML" suelen tener el mismo significado.

Pero estrictamente hablando, un elemento HTML contiene la etiqueta de inicio y la etiqueta de finalización, como en el siguiente ejemplo:

Elementos HTML:

<p>Este es un párrafo.</p>

Navegador web

El navegador web (como Google Chrome, Internet Explorer, Firefox, Safari) se utiliza para leer archivos HTML y mostrarlos como páginas web.

El navegador no muestra directamente las etiquetas HTML, pero se pueden usar etiquetas para determinar cómo se debe mostrar el contenido de la página HTML al usuario:


Estructura de página HTML

A continuación, se muestra una estructura de página HTML visualizada:

<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Este es un título</h1>
<p>Este es un párrafo.</p>
<p>Este es otro párrafo.</p>
</body>
</html>
Sólo el área <body> (la parte blanca) se mostrará en el navegador.

Versión de HTML

Desde la aparición inicial de la red, han surgido muchas versiones de HTML:

VersiónFecha de publicación
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

Declaración !DOCTYPE

La declaración !DOCTYPE ayuda a que el navegador muestre correctamente la página web.

Hay muchos archivos diferentes en línea, si se declara correctamente la versión de HTML, el navegador puede mostrar correctamente el contenido de la página web.

La declaración doctype no distingue entre mayúsculas y minúsculas, los siguientes métodos son válidos:

!DOCTYPE html !DOCTYPE HTML !doctype html !Doctype Html

Declaración universal

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">

Ver el tipo de declaración de la página completaManual de referencia de DOCTYPE。

Codificación de caracteres chinos

En la mayoría de los navegadores, si se muestra directamente chino, se producirá un desorden de caracteres chinos, en este caso, necesitamos declarar el carácter en UTF en la cabecera.-8 o GBK。

!DOCTYPE　html
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>utf-8编码网页(oldtoolbag.com)</title>
</head>
<body>
　
<h1>mi primer utf-8编码网页标题</h1>
　
<p>Mi primer utf-8Codificación de párrafos de página web.</p>
　
</body>
</html>
Prueba aquí ‹/›

Editores comunes de HTMLTutoriales básicos de HTML