Introducción de HTML
Introducción a HTML
¿Qué es HTML?
HTML es el lenguaje de marcado estándar para crear páginas web.
- HTML significa Hyper Text Markup Language
- HTML describe la estructura de las páginas web utilizando el marcado
- Los elementos HTML son los componentes básicos de las páginas HTML.
- Los elementos HTML están representados por etiquetas
- Las etiquetas HTML etiquetan partes de contenido como "encabezado", "párrafo", "tabla", etc.
- Los navegadores no muestran las etiquetas HTML, pero las utilizan para representar el contenido de la página
Un documento HTML simple
Ejemplo
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Ejemplo explicado
- La
<!DOCTYPE html>declaración define este documento como HTML5 - El
<html>elemento es el elemento raíz de una página HTML - El
<head>elemento contiene metainformación sobre el documento. - El
<title>elemento especifica un título para el documento. - El
<body>elemento contiene el contenido de la página visible. - El
<h1>elemento define un encabezado grande. - El
<p>elemento define un párrafo.
Etiquetas HTML
Las etiquetas HTML son nombres de elementos rodeados por corchetes angulares:
El contenido de <tagname> va aquí ... </tagname>
- Las etiquetas HTML normalmente vienen en pares como
<p>y</p> - La primera etiqueta de un par es la etiqueta inicial, la segunda etiqueta es la etiqueta final
- La etiqueta final se escribe como la etiqueta de inicio, pero con una barra diagonalinsertada antes del nombre de la etiqueta
Sugerencia: la etiqueta inicial también se denomina etiqueta de apertura y la etiqueta final la etiqueta de cierre .
Navegadores web
El propósito de un navegador web (Chrome, IE, Firefox, Safari) es leer documentos HTML y mostrarlos.
El navegador no muestra las etiquetas HTML, pero las usa para determinar cómo mostrar el documento:
Estructura de la página HTML
A continuación se muestra una estructura de página HTML:
<html>
<head>
<title> Título de la página </title>
</head>
<body>
</body>
</html>
<h1> Este es un encabezado </h1>
<p> Esto es un párrafo. </p>
<p> Este es otro párrafo. </p>
Nota: Solo el contenido dentro de la sección <body> (el área blanca arriba) se muestra en un navegador.
La Declaración de <! DOCTYPE>
La
<!DOCTYPE>declaración representa el tipo de documento y ayuda a los navegadores a mostrar páginas web correctamente.
Solo debe aparecer una vez, en la parte superior de la página (antes de cualquier etiqueta HTML).
La
<!DOCTYPE>declaración no distingue entre mayúsculas y minúsculas.
La
<!DOCTYPE>declaración para HTML5 es:
<!DOCTYPE html>
Versiones HTML
Desde los primeros días de la web, ha habido muchas versiones de HTML:
| Version | Year |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
Entradas más populares de este blog
Listado pasaporte y cedulas SAIME 2018
click aqui para descargar el listado en formato pdf 21 de Julio de 2018 Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Saime abre sus oficinas los días sábados Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Los usuarios podrán ingresar en la página web del Saime www.saime.gob.ve y verificar si están en el listado donde le indicará en que oficina pueden retirar sus documentos de identificación. Esta iniciativa da cumplimiento a la sép...
Etiqueta HTML < abbr >
Etiqueta HTML <abbr> ❮ Referencia HTML completa anterior Siguiente ❯ Ejemplo Una abreviatura se marca de la siguiente manera: The < abbr title ="World Health Organization" > WHO < /abbr > was founded in 1948. Pruebelo usted mismo » Definición y uso La etiqueta <abbr> define una abreviatura o un acrónimo, como "Sr.", "Dec.", "ASAP", "ATM". Sugerencia: una abreviatura y un acrónimo son versiones abreviadas de otra cosa. Ambos a menudo se representan como una serie de letras. Marcar las abreviaturas puede proporcionar información útil para navegadores, sistemas de traducción y motores de búsqueda. Soporte del navegador Element <abbr> Yes Yes Yes Yes Yes Consejos y notas Consejo: El atributo de título global se puede usar en la etiqueta <abbr> para mostrar la versión completa de la abreviatura / acrónimo al pasar el mouse sobre el elemento <abbr>. Difere...
HTML < a > tag
HTML <a> día ❮ Referencia HTML completa anterior Siguiente ❯ Ejemplo Un enlace a W3Schools.com: < a href ="https://www.w3schools.com" > Visit W3Schools.com! < /a > Pruebelo usted mismo » More "Pruebelo usted mismo" examples below. Definición y uso La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado está subrayado y morado Un enlace activo está subrayado y rojo Soporte del navegador Element <a> Yes Yes Yes Yes Yes Consejos y notas Sugerencia: los siguientes atributos: descarga, hreflang, medios, rel, destino y tipo no pueden estar presentes si el atributo href no está presente. Consejo: Normalmente,...