59 lines
2.7 KiB
Markdown
59 lines
2.7 KiB
Markdown
|
---
|
||
|
|
title: HTML
|
||
|
|
localeTitle: HTML
|
||
|
|
---
|
||
|
|
# HTML
|
||
|
|
|
||
|
|
El lenguaje de marcado de hipertexto (HTML) es un lenguaje de marcado utilizado para construir documentos en línea y es la base de la mayoría de los sitios web de la actualidad. Los lenguajes de marcado como HTML nos permiten 1) crear enlaces a otros documentos, 2) estructurar el contenido de nuestro documento y 3) atribuir contexto y significado al contenido de nuestro documento.
|
||
|
|
|
||
|
|
Un documento HTML tiene dos aspectos. Contiene información estructurada (marcado) y enlaces de texto (hipertexto) a otros documentos. Estructuramos nuestras páginas utilizando [elementos HTML](#) . Son constructos del lenguaje que proporciona [estructura](#) y [significado](#) en nuestro documento para el navegador y la Elemento enlaces a otros documentos a través de internet.
|
||
|
|
|
||
|
|
La Internet se creó originalmente para almacenar y presentar documentos estáticos (invariables). Los aspectos de HTML discutidos anteriormente se vieron perfectamente en estos documentos que carecían de todo diseño y estilo. Presentaron información estructurada que contenía enlaces a otros documentos.
|
||
|
|
|
||
|
|
HTML5 es la última versión, o especificación, de HTML. El World Wide Web Consortium (W3C) es la organización responsable del desarrollo de estándares para la World Wide Web, incluidos los de HTML. A medida que las páginas web y las aplicaciones web se vuelven más complejas, W3C actualiza los estándares de HTML.
|
||
|
|
|
||
|
|
HTML5 presenta una gran cantidad de elementos semánticos. Aunque hablamos de que el HTML ayudó a proporcionar un significado a nuestro documento, no fue hasta la introducción de [elementos semánticos en](#) HTML5 que se realizó su potencial.
|
||
|
|
|
||
|
|
## Un ejemplo simple de documento HTML
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Page Title</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>My First Heading</h1>
|
||
|
|
<p>My first paragraph.</p>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
|
||
|
|
! DOCTYPE html: define este documento como HTML5
|
||
|
|
|
||
|
|
html: el elemento raíz de una página HTML
|
||
|
|
|
||
|
|
head: el elemento contiene información meta sobre el documento
|
||
|
|
|
||
|
|
título: el elemento especifica un título para el documento
|
||
|
|
|
||
|
|
cuerpo: el elemento contiene el contenido de la página visible
|
||
|
|
|
||
|
|
h1: el elemento define un encabezado grande
|
||
|
|
|
||
|
|
p: el elemento define un párrafo
|
||
|
|
|
||
|
|
### Versiones 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 |
|
||
|
|
|
||
|
|
#### Otros recursos
|
||
|
|
|
||
|
|
* [Elementos HTML](https://guide.freecodecamp.org/html/elements)
|
||
|
|
* [HTML semantico](https://guide.freecodecamp.org/html/html5-semantic-elements)
|
||
|
|
* [Atributos HTML](https://guide.freecodecamp.org/html/attributes)
|