Omar

20

Transcript of Omar

Acrónimo de HyperText Markup Language, el HTML es un lenguaje de marcación especialmente ideado para permitir la creación de contenidos basados en el hipertexto, es decir, enlaces que permiten desplazarnos a través de diversos documentos en cualquier momento.

HTML XML DHTML

El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>) siguiendo una secuencia lógica y estructurada. HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Java Script), el cual puede afectar el comportamiento de navegador de web y otros procesadores de HTML

¿ COMO FUNCIONA?

COMPONENTES DE UNA PAGINA

UNA PAGINA CONTIENE:

•Uno o más archivos de texto, codificado con etiquetas HTML.•Uno o más archivos multimedia: imágenes, sonidos, video.•Enlaces a otras páginas y otros recursos.

SeccionesUna página HTML tiene dos secciones principales, el Encabezamiento, y el Cuerpo. En el encabezamiento se incluye información que generalmente no se procesa, como el nombre del programador, la fecha de creación, la última modificación, y también el título de la página (el título que aparece en la barra de título superior de esta página).En el Cuerpo es donde reside el texto y enlaces que se procesan.EtiquetasLas etiquetas se declaran inscribiendo el nombre de la etiqueta entre los símbolos  "<" y ">" (sin el entrecomillado). Cuando finaliza el texto al que afecta la etiqueta, se utiliza la marca de fin, que será la contraria, es decir </ >.  Ejemplo: para declarar el título de esta página se ha escrito:<title>Curso de HTML - Página 3</title>En cualquier caso, lo primero que aparece en una página es la etiqueta <HTML>, y lo último en cualquier página </HTML>. Esto es necesario para que el navegador "sepa" que ese archivo contienen código HTML que debe ser interpretado.

DESVENTAJAS

•  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).

VENTAJAS

•  Es el lenguaje de formateo para los navegadores web. •  Es fácil de entender y utilizar 

•  Su uso es muy extendido 

 • Es un lenguaje muy fácil y rápido de entender.

Además de etiquetas y atributos, HTML define el término elemento para referirse a las partes que componen los documentos HTML.Aunque en ocasiones se habla de forma indistinta de "elementos" y "etiquetas", en realidad un elemento HTML es mucho más que una etiqueta, ya que está formado por:•Una etiqueta de apertura. •Cero o más atributos. •Texto encerrado por la etiqueta. •Una etiqueta de cierre.

ELEMENTOS

ESTRUCTURA DE UNA PAGINA WEB

ETIQUETAS 

 Así quedará de la forma<HTML>  <HEAD> <TITLE>            </TITLE> </HEAD><BODY> </BODY> </HTML>e> El sistema de etiquetas hace inecesarias más cautelas sintácticas. No hay que establecer líneas, ni estructurar el código fuente siguiendo ninguna geometría (aunque estas buenas técnicas de programación faciliten al observador del código su más fácil comprensión). De hecho, una página web se prodría escribir sin ningún problema como una línea de texto casi infinita, y sería interpretada por los navegadores sin mayores problemas.

DIRECTIVAS TIPOS FUNCION

<BR> ABIERTA SALTA DE LIENA

<CENTER> CERRADA CENTRA

<P> CERRADA ELABORA UN PARRAFO

<B> CERRADA NEGRITA

<STRONG> CERRADA NEGRITA

<I> CERRADA CURSIVA

<U> CERRADA SUBRAYADO

<S> CERRADA TACHAHDO

SEPARADORES

Un espacio o un salto de línea en el código, no produce nunca un salto de línea visualizado en el navegador. Para generar saltos de línea se usa la etiqueta <BR>.

Cuando queremos líneas en blanco, también hay que introducir <BR>. Obsérvese que <BR> no tiene etiqueta de cierre (algo así como </BR>) pues no es necesaria. Se precisa un elemento <BR> por cada línea en blanco. Así, si se quiere un bloque de tres líneas en blanco consecutivas, habrá que introducir <BR> <BR> <BR>.También se puede introducir como separador una línea horizontal. Esta se declara como <HR>, y tampoco tiene etiqueta de cierre

Los elementos de un lista se declaran mediante <LI></LI>. Existen tres tipos de listas:Listas desordenadas, que se declaran <UL></UL>.Listas ordenadas, que se declaran por <OL></OL>.Lisas de definición, que se definen por <DL></DL>, y donde además hay que incluir <DT></DT> para el término, y <DD></DD> para la definición.Una característica de las listas es que estas se pueden anidar.

LISTAS

Párrafo: se marca con <P> y </P>Párrafo alineado por la derecha: <p align="right"></p>Párrafo alineado por la izquierda: <p align="left"></p>Texto centrado: <CENTER> </CENTER> Tabuladores: <blockquote> </blockquote>. Los tabuladores se pueden anidar.

FORMATOS