HTML
HyperText Markup Language, es un lenguaje de marcación de hipertexto, es decir un lenguaje de texto enriquecido con formato, color, imágenes, sonido y vídeo.
La base del lenguaje son las etiquetas, mediante estas se puede organizar la información de forma que esta adquiera un formato estándar que pueda ser usado por cualquier navegador de páginas Web. El HTML es la base para la creación de páginas Web, es necesario conocer el lenguaje para poder estructurar y diseñar páginas.
Para escribir una página en HTML no se necesita de grandes y complicados programas, pueden usarse programas como el bloc de notas, el objetivo es escribir un archivo en formato de texto. Las páginas Web que escribiremos tendrán la extensión html.
Estructura de una página Web
- Las páginas Web tienen una etiqueta de inicio y una etiqueta de final, esta es: <html> ... </html>
- Se tiene una cabecera donde se ponen las configuraciones básicas de la página, esta tiene la etiqueta <head> ... </head>
- Existe un titulo en la Web esta aparece como titulo de la ventana o pestaña, esta es <title> ... </title>
- El cuerpo es la parte que contiene la información visible de la página Web, su etiqueta es: <body> ... </body>
Las Etiquetas
Debes considerar que las etiquetas son la estructura esencial de la Web y tener en cuenta que toda etiqueta tiene un inicio y un fin, también tiene un contenido en su interior, las etiquetas pueden contener otros contenidos y otras etiquetas.
Etiquetas básicas
- h1, h2, h3, h4, h5, h6, son etiquetas de título.
- b, etiqueta para negrita
- u, etiqueta de subrayado
- i, etiqueta para cursiva
- center, etiqueta para centrado
- p, etiqueta de párrafo
- hr, etiqueeta de linea horizontal
Ejemplo 1. Los Títulos
Ejemplo 2. Las Etiquetas Básicas
Clic para ver el ejemplo
<head>
<title>
Etiquetas básicas de HTML
</title>
</head>
<body>
<center><h1>La Historia de la Web</h1></center>
<p>
<b><u>La World Wide Web</u> (“WWW” o simplemente la "Web")</b> es un medio global de información cuyos usuarios pueden leer y escribir a través de computadoras conectadas a Internet.
</p>
<p>
La porción de hipertexto de la Web en particular tiene una intrincada historia intelectual; notables influencias y precursores incluyen Memex,1 de Vannevar Bush, Lenguaje de Marcado Generalizado,2 de IBM y el Proyecto Xanadu de Ted Nelson.1
</p>
<p>
<i>El cuento de 1946 "A Logic Named Joe" de Murray Leinster describe a Joe, un "lógico", es decir, un ordenador.</i> Ésta es una de las primeras descripciones de un ordenador en la ficción. En este relato Leinster estuvo décadas por delante de su tiempo al imaginar Internet.
</p>
<hr />
<h5>Texto extraído de Wikipedia</h5>
</body>
</html
Clic para ver el ejemplo
Código de la Figura en HTML
<html><head>
<title>
Etiquetas básicas de HTML
</title>
</head>
<body>
<center><h1>La Historia de la Web</h1></center>
<p>
<b><u>La World Wide Web</u> (“WWW” o simplemente la "Web")</b> es un medio global de información cuyos usuarios pueden leer y escribir a través de computadoras conectadas a Internet.
</p>
<p>
La porción de hipertexto de la Web en particular tiene una intrincada historia intelectual; notables influencias y precursores incluyen Memex,1 de Vannevar Bush, Lenguaje de Marcado Generalizado,2 de IBM y el Proyecto Xanadu de Ted Nelson.1
</p>
<p>
<i>El cuento de 1946 "A Logic Named Joe" de Murray Leinster describe a Joe, un "lógico", es decir, un ordenador.</i> Ésta es una de las primeras descripciones de un ordenador en la ficción. En este relato Leinster estuvo décadas por delante de su tiempo al imaginar Internet.
</p>
<hr />
<h5>Texto extraído de Wikipedia</h5>
</body>
</html
0 comentarios:
Publicar un comentario