1. Instituto Tecnológico de Nor-oriente
ITECNOR
Ing.: Dubley Omar Sandoval Hernández
Informáticall
Las HTML
GaldámezPérez Marcos OttoDany
5. to SecciónA
Perito en Industria Alimentaria
24/02/2015
2. Llanos de la Fragua,Zacapa
HTML
siglas de Hipertexto Markup Lenguaje («lenguaje de marcas de
hipertexto»), hace referencia al lenguaje de marcado para la
elaboración de páginas web. Es un estándar que sirve de referencia
3. para la elaboración de páginas web en sus diferentes versiones,
define una estructura básicay un código (denominado código HTML)
para la definición de contenido de una página web, como texto,
imágenes, entre otros. Es un estándar a cargo de la W3C,
organización dedicada a la estandarización de casi todas las
tecnologías ligadas a la web, sobre todo enlo referente a su escritura
e interpretación.
El lenguaje HTML basa su filosofíade desarrollo enla referenciación.
Para añadir un elemento externo a la página (imagen, vídeo, script,
entre otros.), este no se incrusta directamente en el código de la
página, sino que se hace una referencia a la ubicación de dicho
elemento mediante texto. De este modo,la página web contiene sólo
texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página
final. Al ser un estándar, HTML busca ser un lenguaje que permita
que cualquier página web escrita en una determinadaversión, pueda
ser interpretada de la misma forma (estándar) por cualquier
navegador web actualizado.
Evolución HTMLS
Quisiera utilizar las siguientes líneas para contaros la historia del
HTML, pero no sin antes hacer constar que detrás de unos pocos
nombres y fechas hay mucho más trabajo.
Quisiera utilizar las siguientes líneas para contaros la historia del
HTML, pero no sin antes hacer constar que detrás de unos pocos
nombres y fechas hay mucho más trabajo, conexiones, ideas y
nombres que por cuestiones de espacio, tiempo y claridad quedan
exentas de este artículo.
Ante todo, definir de que estamos hablando exactamente: HTML es
el acrónimo de Hipertexto Markup Lenguaje, que traducido a nuestro
idioma es Lenguaje de Marcación de Texto.Es una herramienta para
que el ordenador conectado a Internet interprete como visualizar el
documento.
No es un lenguaje de programacióny no tiene compiladoralguno,así
que si hay algún error que no detectalo visualizará de la manera en
la que lo ha entendido. Es un sistema de etiquetas que indica al
4. ordenadorcuando hay que señalar una cursiva, separar un párrafo o
definir el color del texto.
Principales
Un ejemplo de código HTML con coloreado de sintaxis.
1. html:inicio y final de un documento html
2. head: cabeceradel documento HTML
3. title: define el título de la página (va dentro de head, pero es
obligatoria)
4. body: cuerpo del documento HTML
Etiquetas que van dentro de "head"
link: vínculo a hojas de estilo CSS
style: estilo de la página incrustado
u: texto subrayado (desaprobada)
script: script o guión.
Etiquetas que van dentro de "body"
form: inicio de un formulario
Encabezados
1. h1: encabezado de primer nivel
2. h2: encabezado de segundo nivel
3. h3: encabezado de tercer nivel
4. h4: encabezado de cuarto nivel
5. h5: encabezado de quinto nivel
5. 6. h6: encabezado de sexto nivel
Utilización de los encabezados
La etiqueta de mayor valor es la cabecera h1, esta debe contenerla
frase principal de la que trata la entrada. Su localización debe ser la
más cercana a la parte superior izquierda de la web, ya que el
buscadorsiempre lee los datos de esta forma. Se recomiendaque
solo hagamos uso una sola vez de esta etiqueta. La cabecera h2 se
utiliza para definir una frase secundaria dentro de nuestro artículo
conteniendo las palabras clave. Su uso de debe de ser continuo y
se recomiendo un máximo de 4 a 6.
La cabecerah3 es de menor valor que la etiqueta h2, esta sirve
para definir las secciones interiores de nuestro artículo. Las
cabeceras h4, h5, h6 son las menos utilizadas, y de las que se
desconoce más sobre su utilización. 1
Tablas
table: define una tabla
tr: fila de una tabla
td: celda de datos de una tabla
th: celda de cabecerade una tabla
Listas
li: elemento de lista
ol: lista ordenada
ul: lista desordenada
Formatos
b: estilo de texto negrita (desaprobada)
i: estilo de texto cursiva (desaprobada)
s: estilo de texto tachado (desaprobada)
u: estilo de texto subrayado
Otros
a: enlace.
div: capa de la página.
img: para insertar imágenes.