HTML Tutorial
Empezando con HTML
Buscar..
Observaciones
HTML ( H yper t ext M arkup L anguage) es un sistema compatible con XML para anotar documentos con 'etiquetas'. Se utiliza específicamente para crear contenido para páginas web y aplicaciones web, que luego se pueden compartir a través de una red.
Además del texto, la versión actual de HTML admite muchos tipos diferentes de medios , incluidas imágenes y videos.
Versiones
| Versión | Especificación | Fecha de lanzamiento |
|---|---|---|
| 1.0 | N / A | 1994-01-01 |
| 2.0 | RFC 1866 | 1995-11-24 |
| 3.2 | W3C: Especificación HTML 3.2 | 1997-01-14 |
| 4.0 | W3C: Especificación de HTML 4.0 | 1998-04-24 |
| 4.01 | W3C: HTML 4.01 Especificación | 1999-12-24 |
| 5 | WHATWG: HTML Living Standard | 2014-10-28 |
| 5.1 | W3C: Especificación de HTML 5.1 | 2016-11-01 |
Hola Mundo
Introducción
HTML ( H yper t ext M arkup L anguage) utiliza un sistema de marcado compuesto por elementos que representan contenido específico. El marcado significa que con HTML usted declara lo que se presenta a un espectador, no cómo se presenta. Las representaciones visuales se definen mediante hojas de estilo en cascada (CSS) y se realizan mediante navegadores. Los elementos aún existentes que permiten este tipo de font , como por ejemplo la font , "están completamente obsoletos y no deben ser utilizados por los autores" [1] .
HTML a veces se denomina lenguaje de programación, pero no tiene lógica, por lo que es un lenguaje de marcado . Las etiquetas HTML proporcionan significado semántico y legibilidad de la máquina para el contenido de la página.
Un elemento generalmente consiste en una etiqueta de apertura ( <element_name> ), una etiqueta de cierre ( </element_name> ), que contiene el nombre del elemento rodeado de corchetes angulares, y el contenido entre: <element_name>...content...</element_name>
Hay algunos elementos HTML que no tienen una etiqueta de cierre o ningún contenido. Estos se llaman elementos vacíos . Los elementos vacíos incluyen <img> , <meta> , <link> y <input> .
Los nombres de los elementos pueden considerarse palabras clave descriptivas para el contenido que contienen, como video , audio , table , footer .
Una página HTML puede consistir en cientos de elementos que luego se leen en un navegador web, se interpretan y se convierten en contenido legible o audible en la pantalla.
Para este documento es importante tener en cuenta la diferencia entre elementos y etiquetas:
Elementos: video , audio , table , footer
Etiquetas: <video> , <audio> , <table> , <footer> , </html> , </body>
Perspectiva del elemento
Vamos a romper una etiqueta ...
La etiqueta <p> representa un párrafo común.
Los elementos comúnmente tienen una etiqueta de apertura y una etiqueta de cierre. La etiqueta de apertura contiene el nombre del elemento entre paréntesis angulares ( <p> ). La etiqueta de cierre es idéntica a la etiqueta de apertura con la adición de una barra diagonal ( / ) entre el soporte de apertura y el nombre del elemento ( </p> ).
El contenido puede ir entre estas dos etiquetas: <p>This is a simple paragraph.</p> .
Creando una página simple
El siguiente ejemplo de HTML crea una página web simple "Hello World" .
Los archivos HTML se pueden crear utilizando cualquier editor de texto . Los archivos se deben guardar con una extensión .html o .htm [2] para que se reconozcan como archivos HTML.
Una vez creado, este archivo se puede abrir en cualquier navegador web.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
Desglose de página simple
Estas son las etiquetas utilizadas en el ejemplo:
| Etiqueta | Sentido |
|---|---|
<!DOCTYPE> | Define la versión HTML utilizada en el documento. En este caso es HTML5. Consulte el tema doctypes para más información. |
<html> | Abre la página. No debe haber marcas después de la etiqueta de cierre ( </html> ). El atributo lang declara el idioma principal de la página utilizando los códigos de idioma ISO ( en para inglés). Consulte el tema Idioma del contenido para obtener más información. |
<head> | Abre la sección de encabezado, que no aparece en la ventana principal del navegador, pero contiene principalmente información sobre el documento HTML, llamado metadatos . También puede contener importaciones desde hojas de estilo externas y scripts. La etiqueta de cierre es </head> . |
<meta> | Le da al navegador algunos metadatos sobre el documento. El atributo charset declara la codificación de caracteres . Los documentos HTML modernos siempre deben usar UTF-8 , aunque no sea un requisito. En HTML, la etiqueta <meta> no requiere una etiqueta de cierre. Vea el tema Meta para más información. |
<title> | El título de la página. El texto escrito entre esta apertura y la etiqueta de cierre ( </title> ) se mostrará en la pestaña de la página o en la barra de título del navegador. |
<body> | Abre la parte del documento que se muestra a los usuarios, es decir, todo el contenido visible o audible de una página. No se debe agregar contenido después de la etiqueta de cierre </body> . |
<h1> | Un título de nivel 1 para la página. Ver encabezados para más información. |
<p> | Representa un párrafo común de texto. |
1. ↑ HTML5, 11.2 características no conformes
2. ↑ .htm se hereda del límite de extensión de archivo de tres caracteres del DOS heredado.