HTMLEmpezando con HTML

Download HTML for free

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.

Anclas e hipervínculos