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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Presentacion HTML
Presentacion HTMLPresentacion HTML
Presentacion HTML
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
 
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 Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
HTML
HTMLHTML
HTML
 
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

3 values,attitudes,personality&emotions
3 values,attitudes,personality&emotions3 values,attitudes,personality&emotions
3 values,attitudes,personality&emotionsarvindprem
 
Clase pasos, variables, apa
Clase pasos, variables, apaClase pasos, variables, apa
Clase pasos, variables, apaErin Delgado
 
Equipo 1 "Etapas del método científico"
Equipo 1 "Etapas del método científico"Equipo 1 "Etapas del método científico"
Equipo 1 "Etapas del método científico"RosarioFL
 
Entrepreneurial leadership thoery supported in business accelerator programs
Entrepreneurial leadership thoery supported in business accelerator programsEntrepreneurial leadership thoery supported in business accelerator programs
Entrepreneurial leadership thoery supported in business accelerator programsGreg Price
 
Ch09 - Organisation theory design and change gareth jones
Ch09 - Organisation theory design and change gareth jonesCh09 - Organisation theory design and change gareth jones
Ch09 - Organisation theory design and change gareth jonesAnkit Kesri
 
Tesla Financial Statement Analysis_F
Tesla Financial Statement Analysis_FTesla Financial Statement Analysis_F
Tesla Financial Statement Analysis_FSamuel Sutanto
 
Radiographic positioning of humerus and shoulder
Radiographic positioning of humerus and shoulderRadiographic positioning of humerus and shoulder
Radiographic positioning of humerus and shouldershajitha khan
 
Production Management Introduction
Production Management IntroductionProduction Management Introduction
Production Management IntroductionDr. Gururaj Phatak
 
Manual elab trabajos_escritos
Manual elab trabajos_escritosManual elab trabajos_escritos
Manual elab trabajos_escritosUNEG
 

Destacado (13)

Html
HtmlHtml
Html
 
3 values,attitudes,personality&emotions
3 values,attitudes,personality&emotions3 values,attitudes,personality&emotions
3 values,attitudes,personality&emotions
 
Clase pasos, variables, apa
Clase pasos, variables, apaClase pasos, variables, apa
Clase pasos, variables, apa
 
La Comprensión y la Explicacion
La Comprensión y la ExplicacionLa Comprensión y la Explicacion
La Comprensión y la Explicacion
 
Equipo 1 "Etapas del método científico"
Equipo 1 "Etapas del método científico"Equipo 1 "Etapas del método científico"
Equipo 1 "Etapas del método científico"
 
Entrepreneurial leadership thoery supported in business accelerator programs
Entrepreneurial leadership thoery supported in business accelerator programsEntrepreneurial leadership thoery supported in business accelerator programs
Entrepreneurial leadership thoery supported in business accelerator programs
 
Ch09 - Organisation theory design and change gareth jones
Ch09 - Organisation theory design and change gareth jonesCh09 - Organisation theory design and change gareth jones
Ch09 - Organisation theory design and change gareth jones
 
Obesidad infantil
Obesidad infantilObesidad infantil
Obesidad infantil
 
Tesla Financial Statement Analysis_F
Tesla Financial Statement Analysis_FTesla Financial Statement Analysis_F
Tesla Financial Statement Analysis_F
 
Radiographic positioning of humerus and shoulder
Radiographic positioning of humerus and shoulderRadiographic positioning of humerus and shoulder
Radiographic positioning of humerus and shoulder
 
Production Management Introduction
Production Management IntroductionProduction Management Introduction
Production Management Introduction
 
Manual elab trabajos_escritos
Manual elab trabajos_escritosManual elab trabajos_escritos
Manual elab trabajos_escritos
 
Project management
Project managementProject management
Project management
 

Similar a HTML (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
 

HTML

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