introduccion html

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

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.

introduccion html

Documents