html

11
*HTML* HyperText Markup Language (Lenguaje de Marcas de Hipertexto )

Upload: elvis-alexander

Post on 13-Jun-2015

890 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Html

*HTML*HyperText

Markup Language

(Lenguaje de Marcas de

Hipertexto)

Page 2: Html

A principios de 1990, Tim Berners-Lee define por fin el HTML

como un subconjunto del conocido

SMGL. En 1991 crea el

primer navegador de HTML.

Page 3: Html

Es el lenguaje de marcado

predominante para la

construcción de páginas web. Es

usado para describir la

estructura y el contenido en

forma de texto, así como para

complementar el texto con objetos

tales como imágenes.

Page 4: Html

Códigos HTML básicos <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a

continuación debe ser interpretado como código HTML<script>: incrusta un script en

una web, o se llama a uno mediante src="uri del script" Se recomienda incluir el tipo MIME

en el atributo type, en el caso de Java Script text/javascript.

Page 5: Html

<head>: define la cabecera del documento

HTML, esta cabecera suele contener información sobre

el documento que no se muestra directamente al

usuario.<title>: define el título de la página. Por lo general, el título aparece en la barra

de título encima de la ventana

Page 6: Html

<link>: para vincular el sitio a hojas de estilo o iconos.

<style>: para colocar el estilo interno de la página; ya sea usando CSS, u otros lenguajes similares. No es necesario

colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>

<meta>: para metadatos como la autoría o la licencia, incluso para indicar

parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar

disponible la configuración o por dificultades con server-side scripting.

Page 7: Html

<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:o<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.o<table>: define una tablao<tr>: fila de una tablao<td>: columna de una tabla

Page 8: Html

o<a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href.

o<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido

o<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen.

o<li><ol><ul>: Etiquetas para listas.o<b>: texto en negrita (Etiqueta desaprobada. Se

recomienda usar la etiqueta <strong>)o<i>: texto en cursiva (Etiqueta desaprobada. Se

recomienda usar la etiqueta <em>)o<s>: texto tachado (Etiqueta desaprobada. Se

recomienda usar la etiqueta <del>)o<u>: texto subrayado

Page 9: Html

Ventajas del HTML: •  es el lenguaje de formateo para los navegadores web. •  Es fácil de entender y utilizar •  Su uso es muy extendido

Inconvenientes que intenta suplir el XML: •  No tiene semántica. Uso de etiquetas con nombres diferentes. •  El contenido no puede ser reconocido ni procesado por programas •  Tiene un costoso mantenimiento de las páginas •  No tiene estándares comunes. •  Solo tiene hiperenlaces simples(XML puede tener de 1 a n enlaces).Xlink

*Ventajas y Desventajas de HTML*

Page 10: Html

*En resumen, el html es un lenguaje muy fácil de

comprender y muy utilizado para la presentación de la

información, pero esta no se puede procesar ni

almacenar, ya que no permite su manipulación por

un programa debido a su anarquía*

Page 11: Html