lunes, 15 de marzo de 2021
El primer documento HTML
Las páginas HTML se
dividen en dos partes: la cabecera y el cuerpo. La cabecera incluye información
sobre la propia página, como por ejemplo su título y su idioma. El cuerpo de la
página incluye todos sus contenidos, como párrafos de texto e imágenes.
El cuerpo (llamado body en
inglés) contiene todo lo que el usuario ve en su pantalla y la cabecera
(llamada head en inglés) contiene todo lo que no se ve (con la
única excepción del título de la página, que los navegadores muestran como
título de sus ventanas).
Volviendo al código
HTML del primer ejemplo, es importante conocer las tres etiquetas principales
de un documento HTML (<html>, <head>, <body>):
·
<html>: indica el comienzo y el final de un
documento HTML. Ninguna etiqueta o contenido puede colocarse antes o después de
la etiqueta <html> (con una sola excepción que se
verá más adelante). En el interior de la etiqueta <html> se definen la
cabecera y el cuerpo del documento HTML y todo lo que se coloque fuera de la
etiqueta <html> se ignora.
·
<head>: delimita la parte de la cabecera
del documento. La cabecera contiene información sobre el propio documento HTML,
como por ejemplo su título y el idioma de la página. Los contenidos indicados
en la cabecera no son visibles para el usuario, con la excepción de la etiqueta <title>, que se utiliza
para indicar el título del documento y que los navegadores lo visualizan en la
parte superior izquierda de la ventana del navegador (si no te has fijado
anteriormente, vuelve a abrir el primer ejemplo en cualquier navegador y
observa dónde se muestra el título de la página).
·
<body>: delimita el cuerpo del documento
HTML. El cuerpo encierra todos los contenidos que se muestran al usuario
(párrafos de texto, imágenes, tablas). En general, el <body> de un
documento contiene cientos de etiquetas HTML, mientras que el <head> no contiene
más que unas pocas.
Etiquetas y atributos
HTML define 91
etiquetas que los diseñadores pueden utilizar para marcar los
diferentes elementos que componen una página:
a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button,caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form,frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label,legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s,samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot,th, thead, title, tr, tt, u, ul, var.
De todas las
etiquetas disponibles, las siguientes se consideran obsoletas y
no se pueden utilizar: applet, basefont, center, dir, font, isindex, menu, s, strike, u.
A pesar de que se
trata de un número de etiquetas muy grande, no es suficiente para crear páginas
complejas. Algunos elementos como las imágenes y los enlaces requieren cierta
información adicional para estar completamente definidos.
La etiqueta <a> por ejemplo
se emplea para incluir un enlace en una página. Utilizando sólo la etiqueta<a> no es posible
establecer la dirección a la que apunta cada enlace. Como no es viable crear
una etiqueta por cada enlace diferente, la solución consiste en personalizar
las etiquetas HTML mediante cierta información adicional llamada atributos.
De esta forma, se
utiliza la misma etiqueta <a> para todos los enlaces de la
página y se utilizan los atributos para indicar la dirección a la que apunta
cada enlace.
<html>
<head>
<title>Ejemplo de atributos en las etiquetas</title>
</head>
http://roble.pntic.mec.es/apuente/html/
http://librosweb.es/libro/xhtml/capitulo_11.html
ALGUNAS LIGAS DE INTERÉS:
http://roble.pntic.mec.es/apuente/html/
http://librosweb.es/libro/xhtml/capitulo_11.html
