HTML
1. ¿Qué es HTML?
Definiéndolo de forma sencilla, "HTML es lo que se utiliza para crear todas las
páginas web de Internet". Más concretamente, HTML es el lenguaje con el que
se "escriben" la mayoría de páginas web.
Los diseñadores utilizan el lenguaje HTML para crear sus páginas web, los
programas que utilizan los diseñadores generan páginas escritas en HTML y
losnavegadores que utilizamos los usuarios muestran las páginas web
después de leer su contenido HTML.
2. 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 eninglé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).
A continuación se muestra el código HTML de una página web muy sencilla:
El lenguajeHTML es tan sencillo
que
prácticamente
se
entiende
sin
estudiar
significado
de sus etiquetas principales.
Si quieres probar este primer ejemplo, debes hacer lo siguiente:
1. Abre un editor de archivos de texto y crea un archivo nuevo
el
2. Copia el código HTML mostrado anteriormente y pégalo tal cual en el archivo
que has creado
Volviendo al código HTMLdel primer ejemplo, es importante conocer las tres
etiquetas principales de un documento HTML (, , ):
: indica el comienzo y el final de un documento HTML. Ninguna etiqueta
o contenido puede colocarse antes o después de la etiqueta (con una
sola excepción que se verá más adelante). En el interior de la etiqueta
se definen la cabecera y el cuerpo deldocumento HTML y todo lo que se
coloque fuera de la etiqueta se ignora.
: 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
indicar eltí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).
contenidos que se muestran al usuario (párrafos de texto,imágenes, tablas).
En general, el de un documento contiene cientos de etiquetas HTML,
mientras que el 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.
La etiqueta por ejemplo se emplea para incluir un enlace en una página.
Utilizando sólo la etiqueta 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....
Regístrate para leer el documento completo.