¿QUE ES HTML?
El lenguaje de marcas de hipertexto, HTML o (HyperText Markup Language) se basa en el metalenguaje SGML (Standard Generalized Markup Language) y es el formato de los documentos de la World Wide Web. El World Wide Web Consortium (W3C) es la organización que desarrolla los estándares para normalizar el desarrollo y la expansión de la Web y la que publica las especificaciones relativas al lenguaje HTML.
HTML fue concebido como un lenguaje para el intercambio de documentos científicos y técnicos adaptado para su uso por no especialistas en tratamiento de documentos. HTML resolvió el problema de la complejidad de SGML sirviéndose de un reducido conjunto de etiquetas estructurales y semánticas apropiadas para la realización de documentos relativamente simples. Pero, además de simplificar la estructura de los documentosrelativamente simples. Pero, además de simplificar la estructura de los documentos, HTML soportaba el hipertexto.
¿QUE ES UNA ETIQUETA?
Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares
< >, que tienen funciones y usos específicos y se utilizan para escribir código HTML.
Las etiquetas o tags son la forma de escribir código HTML.
En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma:
<etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.
Aunque la mayoría de las etiquetas tienen su etiqueta de apertura y etiqueta de cierre, es importante aclarar que no todas las etiquetas tienen su correspondiente etiqueta de cierre.
un ejemplo de etiqueta :
| Apertura | Cierre |
|---|---|
<html> | </html> |
<head> | </head> |
<body> | </body> |
<p> | </p> |
La etiqueta de apertura y la de cierre son las misma con la única diferencia de la diagonal "/" , es necesario la etiqueta de cierre para limitar el campo de acción de la etiqueta, por ejemplo a etiqueta
<p> nos indica el inicio de un párrafo de texto y una vez que se escribe la etiqueta de apertura el navegador tomará como párrafo todo el texto que se encuentre después de dicha etiqueta hasta toparse con la etiqueta de cierre </p> y así con las demás etiquetas según la función de cada una, la mayoría de las etiquetas de HTML son etiquetas de este tipo.
EXPLICACIÓN SOBRE LA ESTRUCTURA DE UNA PAGINA WEB HTML
Estructura básica
- Cada página comienza con: < HTML > .
- A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .
- Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY >.
- La página acabará con < /HTML > .
Es decir:
- <HTML>
- <HEAD>
- Definiciones de la cabecera
- </HEAD>
- <BODY>
- Instrucciones HTML
- </BODY>
- <HEAD>
- </HTML>
Cabecera
La cabecera de un documento está delimitada por las etiquetas < HEAD > y </HEAD > Sus componentes son opcionales. El más importante es <TITLE> , que permite escribir el título del documento. El título no se muestra en la página, sino en la parte superior de la ventana del visualizador, como identificador en los bookmarks y en la history list. Se utiliza de la siguiente forma:
- <HEAD>
- <TITLE>Título del documento HTML</TITLE>
- </HEAD>
Cuerpo
Es la parte delimitada por <BODY> y < /BODY > . Puede llevar los siguientes atributos:
- BACKGROUND="imagen": define el fondo. Más adelante veremos más sobre imágenes.
- BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o si ésta imagen no puede obtenerse.. Más adelante veremos más sobre colores. Por ahora nos basta saber que para los colores básicos se puede utilizar su nombre en inglés: white, blue, red, green ...
- TEXT="######": color del texto. Por defecto será negro.
- LINK="######": color de los links. Por defecto será azul.
- VLINK="######": color de los links visitados. Por defecto será violeta.
Ejemplos
| <body background= "fondo.gif"> | El documento tendr� como fondo la imagen indicada. |
| <body bgcolor="white" text="blue" link="red" vlink="red"> | El fondo será blanco, el texto azul, y todos los links (visitados o no) serán rojos |
CONCLUSIONES
La programación de html nos sirve para la elaboración de paginas web,esto sirve de referencia de software para la elaboración de contenido esto significa que sin esto no podríamos diseñar como lo son video juegos,paginas web,etc.
Esto nos sirve para nuestro futuro en cuanto algunos de nosotros estudiemos alguna profesión relacionada.
