SlideShare una empresa de Scribd logo
1 de 20
XML         DHTML
 HTML



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
¿ COMO FUNCIONA?
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
COMPONENTES DE UNA PAGINA


                UNA PAGINA CONTIENE:
o o más archivos de texto, codificado con etiquetas HTML.
o o más archivos multimedia: imágenes, sonidos, video.
aces a otras páginas y otros recursos.




         Secciones
         Una 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.
         Etiquetas
         Las 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.
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.
ELEMENTOS
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.
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
>                  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
LISTAS



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.
FORMATOS



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.
Omar
Omar
Omar
Omar
Omar
Omar
Omar

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Presentacion HTML
Presentacion HTMLPresentacion HTML
Presentacion HTML
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
ETIQUETAS
ETIQUETASETIQUETAS
ETIQUETAS
 
Producto 4
Producto 4Producto 4
Producto 4
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html5
Html5Html5
Html5
 
Curso html
Curso   htmlCurso   html
Curso html
 
HTML
HTMLHTML
HTML
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Presentación html
Presentación htmlPresentación html
Presentación html
 
HTML
HTMLHTML
HTML
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 

Destacado

Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...
Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...
Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...crediblebaniste65
 
2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...
2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...
2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...Alexey Serdyuk
 
Identificacion de.... (21 1)
Identificacion de.... (21 1)Identificacion de.... (21 1)
Identificacion de.... (21 1)Gix Quiroz
 
Sarbatori Fericite !
Sarbatori Fericite !Sarbatori Fericite !
Sarbatori Fericite !guest0b723f
 
Logik 1
Logik 1Logik 1
Logik 1bsnnsb
 

Destacado (19)

EA_Epica_DiegoSCA
EA_Epica_DiegoSCAEA_Epica_DiegoSCA
EA_Epica_DiegoSCA
 
Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...
Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...
Patronos llorar ropa opcional de estado de Nueva Orleans club despues de la v...
 
Los Angeles K2
Los Angeles K2Los Angeles K2
Los Angeles K2
 
2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...
2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...
2011 Мониторинг зависимого поведения среди молодежи г. Харькова “Молодежь и н...
 
Pauta 8º año
Pauta  8º  añoPauta  8º  año
Pauta 8º año
 
Cuento motor
Cuento motorCuento motor
Cuento motor
 
Bab 4
Bab 4Bab 4
Bab 4
 
Identificacion de.... (21 1)
Identificacion de.... (21 1)Identificacion de.... (21 1)
Identificacion de.... (21 1)
 
Ficha tecnica forum jfe
Ficha tecnica forum jfeFicha tecnica forum jfe
Ficha tecnica forum jfe
 
Sarbatori Fericite !
Sarbatori Fericite !Sarbatori Fericite !
Sarbatori Fericite !
 
Kammie
KammieKammie
Kammie
 
Música
MúsicaMúsica
Música
 
Atividade3 blog
Atividade3 blogAtividade3 blog
Atividade3 blog
 
Padrão de Qualidade CMMI
Padrão de Qualidade CMMIPadrão de Qualidade CMMI
Padrão de Qualidade CMMI
 
Pendirian PMA
Pendirian PMAPendirian PMA
Pendirian PMA
 
Semiótica de la publicidad
Semiótica de la publicidadSemiótica de la publicidad
Semiótica de la publicidad
 
Convección libre y forzada
Convección libre y forzadaConvección libre y forzada
Convección libre y forzada
 
V23n41a02
V23n41a02V23n41a02
V23n41a02
 
Logik 1
Logik 1Logik 1
Logik 1
 

Similar a Omar (20)

Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
HTML (parte 1)
HTML (parte 1)HTML (parte 1)
HTML (parte 1)
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html
 
4 Html
4 Html4 Html
4 Html
 
Intro html
Intro htmlIntro html
Intro html
 
Html-CSS
Html-CSSHtml-CSS
Html-CSS
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Curso Html no creado por mi
Curso Html no creado por miCurso Html no creado por mi
Curso Html no creado por mi
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Tarea
TareaTarea
Tarea
 
Html111
Html111Html111
Html111
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Html
HtmlHtml
Html
 

Omar

  • 1.
  • 2. XML DHTML HTML 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
  • 3. ¿ COMO FUNCIONA? 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
  • 4. COMPONENTES DE UNA PAGINA UNA PAGINA CONTIENE: o o más archivos de texto, codificado con etiquetas HTML. o o más archivos multimedia: imágenes, sonidos, video. aces a otras páginas y otros recursos. Secciones Una 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. Etiquetas Las 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.
  • 5. 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.
  • 6. 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.
  • 7. ELEMENTOS 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.
  • 8. ESTRUCTURA DE UNA PAGINA WEB
  • 9. 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.
  • 10. DIRECTIVAS TIPOS FUNCION BR> ABIERTA SALTA DE LIENA CENTER> CERRADA CENTRA P> CERRADA ELABORA UN PARRAFO B> CERRADA NEGRITA STRONG> CERRADA NEGRITA > CERRADA CURSIVA U> CERRADA SUBRAYADO S> CERRADA TACHAHDO
  • 11. 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
  • 12. LISTAS 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.
  • 13. FORMATOS 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.