SlideShare a Scribd company logo
1 of 12
..HTML.. Lenguaje de Marcas de Hipertexto
HTML Por sus siglas en ingles HyperTextMarkupLanguage (Lenguaje de Marcas de Hipertexto). 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. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).  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 navegadores web y otros procesadores de HTML.
COMPONENTES HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento. Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas : (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.
MARCADO ESTRUCTURAL Se encarga de describir el propósito del texto.  Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título "Marcado HTML" al principio de esta sección.  El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada.
MARCADO PRESENTACIONAL Describe la apariencia del texto, sin importar su función.  ,[object Object]
En el caso de ,[object Object], e ,[object Object],, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: ,[object Object], y ,[object Object],. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla.  La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de Hojas de estilo en cascada.
MARCADO HIPERTEXTUAL Se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento.  Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma <a href=”es.wikipedia.org”>Wikipedia</a>. También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><imgsrc=”imagen” /></a>.
ATRIBUTOS La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual "=" y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste.  El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML.  De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia(tal como el atributo ismap para el elemento img).
CÓDIGOS BÁSICOS HTML ,[object Object],Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raíz, por ejemplo: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> ,[object Object]
CÓDIGOS BÁSICOS HTML ,[object Object],Define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:  ,[object Object]
CÓDIGOS BÁSICOS HTML ,[object Object],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:  ,[object Object]
[object Object]

More Related Content

What's hot

Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
Miguel Barajas
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
Doraliza Hugo Vera
 
Qué es html
Qué es htmlQué es html
Qué es html
edujoso
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
julyovalle
 

What's hot (20)

Html
HtmlHtml
Html
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Presentación CSS
Presentación CSSPresentación CSS
Presentación CSS
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
DOM HTML Javascript
DOM HTML JavascriptDOM HTML Javascript
DOM HTML Javascript
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
Javascript
JavascriptJavascript
Javascript
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Html basics
Html basicsHtml basics
Html basics
 

Viewers also liked (8)

Etiquetas html 2
Etiquetas html 2Etiquetas html 2
Etiquetas html 2
 
Rol Virtual Alina Marzo
Rol Virtual Alina MarzoRol Virtual Alina Marzo
Rol Virtual Alina Marzo
 
Exposición de estilos css
Exposición de estilos cssExposición de estilos css
Exposición de estilos css
 
Mapa conceptual html 1
Mapa conceptual html 1Mapa conceptual html 1
Mapa conceptual html 1
 
Lenguajes de programacion (exposicion)
Lenguajes de programacion (exposicion)Lenguajes de programacion (exposicion)
Lenguajes de programacion (exposicion)
 
Html
HtmlHtml
Html
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Guía para realizar exposiciones orales
Guía para realizar exposiciones oralesGuía para realizar exposiciones orales
Guía para realizar exposiciones orales
 

Similar to Html Exposicion (20)

Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
Expo html
Expo htmlExpo html
Expo html
 
Expo Html
Expo HtmlExpo Html
Expo Html
 
Html
HtmlHtml
Html
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
Slideshare
SlideshareSlideshare
Slideshare
 
Marcado Html
Marcado HtmlMarcado Html
Marcado Html
 
Html
HtmlHtml
Html
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Html
HtmlHtml
Html
 

More from alinacarrion

Rol Virtual Alina Marzo
Rol Virtual Alina MarzoRol Virtual Alina Marzo
Rol Virtual Alina Marzo
alinacarrion
 
D I A G R A M A D E L A N T E P R O Y E C T O R E G I S T R O M I M E N D I
D I A G R A M A  D E L  A N T E P R O Y E C T O  R E G I S T R O  M I M E N D ID I A G R A M A  D E L  A N T E P R O Y E C T O  R E G I S T R O  M I M E N D I
D I A G R A M A D E L A N T E P R O Y E C T O R E G I S T R O M I M E N D I
alinacarrion
 
H T M L E X P O S I C I O N
H T M L  E X P O S I C I O NH T M L  E X P O S I C I O N
H T M L E X P O S I C I O N
alinacarrion
 
Cuadro Comparativo Bd
Cuadro Comparativo BdCuadro Comparativo Bd
Cuadro Comparativo Bd
alinacarrion
 
Ansi Sql Db Elaboraron Todos Eq8
Ansi Sql Db Elaboraron Todos Eq8Ansi Sql Db Elaboraron Todos Eq8
Ansi Sql Db Elaboraron Todos Eq8
alinacarrion
 
Diccionario De Datos
Diccionario De DatosDiccionario De Datos
Diccionario De Datos
alinacarrion
 
Elaboracion De Tablas Dml Registro Mimendi
Elaboracion De Tablas Dml Registro MimendiElaboracion De Tablas Dml Registro Mimendi
Elaboracion De Tablas Dml Registro Mimendi
alinacarrion
 
Repoteadores De Mysql2
Repoteadores De Mysql2Repoteadores De Mysql2
Repoteadores De Mysql2
alinacarrion
 
Repoteadores De Mysql2
Repoteadores De Mysql2Repoteadores De Mysql2
Repoteadores De Mysql2
alinacarrion
 
Bd P1 Eq8 Anteproyecto Todos
Bd P1 Eq8 Anteproyecto TodosBd P1 Eq8 Anteproyecto Todos
Bd P1 Eq8 Anteproyecto Todos
alinacarrion
 

More from alinacarrion (17)

Rol Virtual Alina Marzo
Rol Virtual Alina MarzoRol Virtual Alina Marzo
Rol Virtual Alina Marzo
 
Reporte
ReporteReporte
Reporte
 
D I A G R A M A D E L A N T E P R O Y E C T O R E G I S T R O M I M E N D I
D I A G R A M A  D E L  A N T E P R O Y E C T O  R E G I S T R O  M I M E N D ID I A G R A M A  D E L  A N T E P R O Y E C T O  R E G I S T R O  M I M E N D I
D I A G R A M A D E L A N T E P R O Y E C T O R E G I S T R O M I M E N D I
 
H T M L E X P O S I C I O N
H T M L  E X P O S I C I O NH T M L  E X P O S I C I O N
H T M L E X P O S I C I O N
 
Cuadro Comparativo Bd
Cuadro Comparativo BdCuadro Comparativo Bd
Cuadro Comparativo Bd
 
Ansi Sql Db Elaboraron Todos Eq8
Ansi Sql Db Elaboraron Todos Eq8Ansi Sql Db Elaboraron Todos Eq8
Ansi Sql Db Elaboraron Todos Eq8
 
Diccionario De Datos
Diccionario De DatosDiccionario De Datos
Diccionario De Datos
 
Elaboracion De Tablas Dml Registro Mimendi
Elaboracion De Tablas Dml Registro MimendiElaboracion De Tablas Dml Registro Mimendi
Elaboracion De Tablas Dml Registro Mimendi
 
Mapas Mentales
Mapas MentalesMapas Mentales
Mapas Mentales
 
Repoteadores De Mysql2
Repoteadores De Mysql2Repoteadores De Mysql2
Repoteadores De Mysql2
 
Repoteadores De Mysql2
Repoteadores De Mysql2Repoteadores De Mysql2
Repoteadores De Mysql2
 
Bd P1 Eq8 Anteproyecto Todos
Bd P1 Eq8 Anteproyecto TodosBd P1 Eq8 Anteproyecto Todos
Bd P1 Eq8 Anteproyecto Todos
 
Smbd (2)
Smbd (2)Smbd (2)
Smbd (2)
 
Smb Dfin
Smb DfinSmb Dfin
Smb Dfin
 
Smbd (2)
Smbd (2)Smbd (2)
Smbd (2)
 
Smbd (2)
Smbd (2)Smbd (2)
Smbd (2)
 
Smbd (2)
Smbd (2)Smbd (2)
Smbd (2)
 

Recently uploaded

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Recently uploaded (15)

presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 

Html Exposicion

  • 1. ..HTML.. Lenguaje de Marcas de Hipertexto
  • 2. HTML Por sus siglas en ingles HyperTextMarkupLanguage (Lenguaje de Marcas de Hipertexto). 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. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). 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 navegadores web y otros procesadores de HTML.
  • 3. COMPONENTES HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento. Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas : (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.
  • 4. MARCADO ESTRUCTURAL Se encarga de describir el propósito del texto. Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título "Marcado HTML" al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada.
  • 5.
  • 6.
  • 7. MARCADO HIPERTEXTUAL Se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma <a href=”es.wikipedia.org”>Wikipedia</a>. También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><imgsrc=”imagen” /></a>.
  • 8. ATRIBUTOS La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual "=" y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML. De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia(tal como el atributo ismap para el elemento img).
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.