Html

HTML

HTML | 2010

¿Qué es HTML? HTML es: •Hyper Text Markup Language. •Lenguaje de Marca de Hipertextos.
Esta definición se debe a que está compuesto por etiquetas que definen la estructura y el formato del documento que verá el usuario a través de la web.

HTML | 2010

¿Cómo funciona?
Esas etiquetas son leídas por el navegador o visualizador, es decir el programa que se utiliza paranavegar, y que es el que ejecuta las funciones creadas en HTML permitiendo que puedan ser visibles en nuestra máquina. + Navegador = Página web

HTML | 2010
¿Etiquetas? Estas etiquetas o tags están tanto al principio como al final de la directiva, y entre una y otra se escribe la directiva y atributos. Por ejemplo:

MercadoLibre
La palabra Title es una directiva. Esto es una etiqueta:HTML | 2010
Para la creación de un archivo HTML, que es un texto plano, se necesita un editor de textos que no sea complejo, como puede ser el bloc de notas de Windows o Text Edit de Mac OS.
Windows Mac OS

Bloc de Notas

Text Edit

HTML | 2010

Una de las características es que, además de texto, este lenguaje permite que se creen: •Enlaces entre distintas partes del mismo documento.•Enlaces entre distintas fuentes de información a través de hiperenlaces o hipervínculos. •Incluso insertar otros elementos como imágenes y sonidos.

HTML | 2010
Ejemplo:

HTML | 2010
Actualmente existe un gran número de navegadores por lo que a veces se complica que todos puedan interpretar el código HTML de la misma manera. Por esa razón es que quienes crean las páginas, revisan sidiseño web pueda ser leído por los menos por los navegadores más populares.

HTML | 2010

Estructura del documento HTML

HTML | 2010
Un documento HTML se encuentra definido en dos grupos de etiquetas.

y
Y este se divide en dos partes, la cabecera del documento y el cuerpo del documento.

y

HTML | 2010
Ejemplo:

Documento HTML



HTML | 2010
La cabecera del documentose escribe con las etiquetas y . Entre estas etiquetas se escribe las definiciones generales que afecta al documento, lo mas habitual es escribir el título del documento: Título de la página, este título aparece en la barra del navegador. También se coloca información relativa al contenido de la página con la etiqueta , esta no tiene pareja de cierre.

HTML | 2010
Ejemplos de etiquetas paraPara escribir el nombre del autor: La descripción: Incluir palabras claves:

HTML | 2010

El contenido de las etiquetas de la cabecera () es informativo, por lo que no se visualiza en el navegador.

HTML | 2010
El cuerpo de la página se coloca a continuación del final de la cabecera, Cuerpo,

aquí es donde se coloca las etiquetas que estructuran la página web.
Esto dará a nuestrapágina Web la forma y estética, como el color de fondo, tipo de fuente,etc. y al final del documento HTML cerramos con .

HTML | 2010
Ejemplo de toda la estructura del documento HTML:


Título de la página Instrucciones para definir el estilo de la página Web.

HTML | 2010

Lista de las principales etiquetas HTML

<

>

HTML | 2010
Las directivas de las etiquetas puedentener uno o más atributos. Ejemplo:
HOLA

HOLA
•“” Es una directiva. •“Color, Size y Face” son atributos. •“Red, 25 y Arial” son variables.

HTML | 2010

Fichero Html:

... Principio y fin del fichero Html. ... Zona de encabezamiento de un fichero Html. ... Titulo visualizado por el browser (elemento de HEAD). ... Principio y fin del cuerpo del fichero Html.

HTML | 2010

Algunosatributos para Body: Color del fondo (en hexadecimal o el color en ingles) Imagen del fondo

HTML | 2010
Texto Texto en negrita. Texto Texto en negrita. Texto Texto en itálica. Texto Texto en itálica. Texto teletipo (máquina de escribir) Formatear el texto. TEXTO Texto con color, donde #FF0033 es un valor hexadecimal.

HTML | 2010
Texto Tamaño de los caracteres donde X es un valor de...