HTML, siglas de lenguaje de marcado hipertextual, hace referencia al lenguaje de marcado predominante para la elaboración de páginas web
que se utiliza para describir y traducir la estructura y la información
en forma de texto, así como para complementar el texto con objetos
tales como imágenes.
El HTML se escribe en forma de etiquetas,
rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo, JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen
dos propiedades básicas: atributos y contenido. Cada atributo y
contenido tiene ciertas restricciones para que se considere válido al
documento HTML. Un elemento tiene una etiqueta de inicio
(por ejemplo,
<nombre-de-elemento>) y una etiqueta de cierre (por ejemplo,
</nombre-de-elemento>).
Los atributos del elemento están contenidos en la etiqueta de inicio y
el contenido está ubicado entre las dos etiquetas (por ejemplo,
<nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como
<br>, no tienen contenido ni llevan una etiqueta de cierre.
Tipos de marcados
El marcado estructural describe el propósito del texto. Por ejemplo,
<h2>Golf</h2>
establece «Golf» como un encabezamiento de segundo nivel. El marcado estructural no define cómo se
verá el elemento, pero la mayoría de los navegadores web han
estandarizado el formato de los elementos. Puede aplicarse un formato
específico al texto por medio de hojas de estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo,
<b>negrita</b> indica que los navegadores web deben mostrar el texto en negrita. Existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica, y La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de hojas de estilo en cascada.
El marcado hipertextual se utiliza para enlazar partes del
documento con otros documentos o con otras partes del mismo documento.
Para crear un enlace se utiliza la etiqueta de ancla
<a> junto con el atributo
href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma
<a href=”es.wikipedia.org”>Wikipedia</a>. También se pueden crear enlaces sobre otros objetos, tales como imágenes
<a href=”enlace”><img src=”imagen” /></a>.
Etiquetas basicas
-
<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.
-
<script>: incrusta un script en una web, o llama a uno mediante src="url del script".
-
<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera es posible encontrar:
-
-
<title>: define el título de la página encima de la ventana.
-
-
<link>: para vincular el sitio a hojas de estilo o iconos.
-
-
<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares.
-
<body>: define el contenido principal o cuerpo
del documento. Esta es la parte del documento html que se muestra en el
navegador; dentro de esta etiqueta pueden definirse propiedades comunes a
toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
-
-
<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
-
-
<table>: define una tabla.
-
-
-
-
-
-
<td>: celda de una tabla (debe estar dentro de una fila).
-
-
<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.example.com">Ejemplo</a> se representa como Ejemplo).
-
-
<div>: división de la página.
-
-
<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />.
-
-
<li><ol><ul>: etiquetas para listas.
-
-
<b>: texto en negrita (Se recomienda usar la etiqueta <strong>).
-
-
<i>: texto en cursiva (Se recomienda usar la etiqueta <em>).
-
-
<s>: texto tachado (Se recomienda usar la etiqueta <del>).
-
-
<u>: texto subrayado. A partir de HTML 5
define porciones de texto diferenciadas o destacadas del resto para
indicar correcciones
-
Tipos de datos
