Introducción a
Que es HTML?
HTML (Hyper Text Markup Language), es un lenguaje de programación que permite presentar texto de forma estructurada
y agradable, complementando el texto con objetos tales como imágenes, enlaces, etc.
Es interpretado del lado del cliente (usuario final)
Utiliza etiquetas pareadas: <etiqueta> Texto </etiqueta>
La World Wide Web Consortium (W3C) es la organización encargada de administrar los estandares
HISTORIA El Lenguaje de Marcación de Hipertexto (HTML), fue creado en
1989 por el físico nuclear Tim BernersLee el cual propuso diseñar un sistema de unificación del acceso a todos los datos que poseía
el Centro Europeo para la Investigación Nuclear (CERN)
Se comenzó así a desarrollar una plataforma de tipo hipertexto y un protocolo de comunicaciones que se denomino: HTTP (Hyper Text Transfer Protocol), que permitiría a todos los científicos del CERN,
consultar cualquier información de cualquier tema, aunque se encontrada en diferentes ordenadores de cualquiera de las
instituciones que colaboraban con el CERN.
Fue tanto el éxito que se definió un lenguaje de creación de documentos estructurado que se llamo HTML.
COMPONENTES DE HTML
Etiquetas (tags)apertura <xxx> cierre </xxx>
<P> ……. </P>
AtributosModifican la funcionalidad de las tags
<body BGCOLOR...>
ValoresDefinen el valor del atributo
<P ALIGN="center">...</P>
ESTRUCTURA DE HTML
ESTRUCTURA DE HTML
ESTRUCTURA DE HTML
EJEMPLO SIMPLE
DANDOLE FORMATO AL TEXTOPárrafosPárrafos
– <P ALIGN="LEFT"> ….. Alineado a la izquierda– <P ALIGN="CENTER"> ….. Alineado al centro– <P ALIGN="RIGHT"> ….. Alineado a la derecha– <P ALIGN="JUSTIFY"> ….. Alineado en forma justificada
Salto de línea o retorno de carro: <br>
Linea Horizontal: <hr>
Cabeceras Estilo de Texto:Cabeceras Estilo de Texto:<<H1> mayor tamaño <b>...</b> <b>...</b> NegritaNegrita<H2> <i>...</i> Cursiva ..... <u>...</u> Subrayado<H5> <H6> menor tamaño
Etiqueta FONT : Etiqueta FONT : permite modificar el tamaño, color, y tipo de letra<FONT SIZE=4 COLOR="AA0000" FACE="Arial, Verdana"> .. </FONT>
LISTAS
TABLAS
ENLACES
IMAGENES
EJEMPLO
EJERCICIO
Crear una pagina HTML con información sobre algún tema (libre elección). La pagina debe contener:
- Enunciado del tema- Subtitulos de Subtemas- Lista con descripción de la temática- Imágenes relacionadas- Enlaces al final de la pagina para mas información del tema.
La pagina debe tener colores en los textos y un tipo de letra diferente al predeterminado.