SlideShare una empresa de Scribd logo
1 de 7
HTML, siglas de HyperText Markup
Language («lenguaje de marcado
hipertextual»), hace referencia al lenguaje de
marcado para la elaboración de páginas
web. Es un estándar que, en sus diferentes
versiones, define una estructura básica y un
código (denominado código HTML) para la
definición de contenido de una página
web, como texto, imágenes, etc. Es un
estándar a cargo de la W3C, organización
dedicada a la estandarización de casi todas
las tecnologías ligadas a la web, sobre todo
en lo referente a su escritura e
interpretación.
El lenguaje HTML basa su filosofía de
desarrollo en la referenciación. Para añadir
un elemento externo a la página
(imagen, vídeo, script, etc.), este no se
incrusta directamente en el código de la
página, sino que se hace una referencia a
la ubicación de dicho elemento mediante
texto. De este modo, la página web
contiene sólo texto mientras que recae en
el navegador web (interpretador del código)
la tarea de unir todos los elementos y
visualizar la página final. Al ser un
estándar, HTML busca ser un lenguaje que
permita que cualquier página web escrita
en una determinada versión, pueda ser
interpretada de la misma forma (estándar)
Primeras especificaciones
La primera descripción de HTML disponible públicamente fue
un documento llamado HTML Tags (Etiquetas
HTML), publicado por primera vez en Internet por Tim
Berners-Lee en 1991.Describe 22 elementos que incluyen el
diseño inicial y relativamente simple de HTML. Trece de
estos elementos todavía existen en HTML 4.
Berners-Lee consideraba a HTML una ampliación de SGML
pero no fue formalmente reconocida como tal hasta la
publicación de mediados de 1993, por la IETF de una
primera proposición para una especificación de HTML: el
boceto Hypertext Markup Language de Berners-Lee y Dan
Connolly, el cual incluía una Definición de Tipo de
Documento SGML para definir la gramática. El boceto expiró
luego de seis meses, pero fue notable por su reconocimiento
de la etiqueta propia del navegador Mosaic usada para
insertar imágenes sin cambio de línea, que reflejaba la
filosofía del IETF de basar estándares en prototipos con
éxito. De la misma manera, el boceto competidor de Dave
Raggett HTML+ (Hypertext Markup Format) (Formato de
Marcaje de Hipertexto), de finales de 1993, sugería
Elementos
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 (por ejemplo, <nombre-de-elemento>) y una
etiqueta de cierre (por ejemplo, </nombre-de-
elemento>). Los atributos del elemento están contenidos
en la etiqueta de inicio y el contenido está ubicado entre las
dos etiquetas (por ejemplo, <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.
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).8 9 De todas maneras, dejar los valores
sin comillas es considerado poco seguro.10 En
contraste con los pares nombre-elemento, hay
algunos atributos que afectan al elemento
simplemente por su presencia11 (tal como el
atributo ismappara el elemento img).12
Presentación2

Más contenido relacionado

La actualidad más candente (19)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
código html
código html código html
código html
 
Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
 
Marcado Html
Marcado HtmlMarcado Html
Marcado Html
 
Aprende html
Aprende htmlAprende html
Aprende html
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Diferencia entre html y xml
Diferencia entre html y xmlDiferencia entre html y xml
Diferencia entre html y xml
 
Html
HtmlHtml
Html
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html 5
Html 5Html 5
Html 5
 
Sematicas cabecera
Sematicas cabeceraSematicas cabecera
Sematicas cabecera
 

Destacado

Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled PresentationJohaGguerrero
 
Mapa de huancavelica
Mapa de huancavelicaMapa de huancavelica
Mapa de huancavelicayelsincero
 
Viet Nam, Reform efforts to reduce administrative burdens - Ngô Hải Phan
Viet Nam, Reform efforts to reduce administrative burdens - Ngô Hải PhanViet Nam, Reform efforts to reduce administrative burdens - Ngô Hải Phan
Viet Nam, Reform efforts to reduce administrative burdens - Ngô Hải PhanOECD Governance
 
Introduction to misneach_aug10
Introduction to misneach_aug10Introduction to misneach_aug10
Introduction to misneach_aug10Martin Brown
 
Compu tipos de consulta
Compu tipos de consultaCompu tipos de consulta
Compu tipos de consultaCOCO-GUERRERO
 
Uso de material educativo y su impacto en
Uso de material educativo y su impacto enUso de material educativo y su impacto en
Uso de material educativo y su impacto enlmjaramillo
 
Ματίλντα
ΜατίλνταΜατίλντα
Ματίλντα7gymkava
 
Maternidad y los primeros cuidados
Maternidad y los primeros cuidadosMaternidad y los primeros cuidados
Maternidad y los primeros cuidadosMaria Solano
 
Show, don’t tell presentation group 4
Show, don’t tell presentation group 4Show, don’t tell presentation group 4
Show, don’t tell presentation group 4Diana Imamgayazova
 
Trabajo En Google
Trabajo En GoogleTrabajo En Google
Trabajo En Googlehelzebeth
 
Présentation et activités du réseau doustourna 2011-2014
Présentation et activités du réseau doustourna 2011-2014Présentation et activités du réseau doustourna 2011-2014
Présentation et activités du réseau doustourna 2011-2014Réseau Doustourna
 
Yunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndər
Yunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndərYunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndər
Yunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndərmimio_azerbaijan
 
Circuitos eléctricos
Circuitos eléctricosCircuitos eléctricos
Circuitos eléctricosALUMNOSDIVER
 
Evaluation; q 4 and 5 revised
Evaluation; q 4 and 5 revisedEvaluation; q 4 and 5 revised
Evaluation; q 4 and 5 revisedHarry Gupta
 

Destacado (20)

Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Mapa de huancavelica
Mapa de huancavelicaMapa de huancavelica
Mapa de huancavelica
 
Viet Nam, Reform efforts to reduce administrative burdens - Ngô Hải Phan
Viet Nam, Reform efforts to reduce administrative burdens - Ngô Hải PhanViet Nam, Reform efforts to reduce administrative burdens - Ngô Hải Phan
Viet Nam, Reform efforts to reduce administrative burdens - Ngô Hải Phan
 
Introduction to misneach_aug10
Introduction to misneach_aug10Introduction to misneach_aug10
Introduction to misneach_aug10
 
Compu tipos de consulta
Compu tipos de consultaCompu tipos de consulta
Compu tipos de consulta
 
Uso de material educativo y su impacto en
Uso de material educativo y su impacto enUso de material educativo y su impacto en
Uso de material educativo y su impacto en
 
Reino Plantae
Reino PlantaeReino Plantae
Reino Plantae
 
Ματίλντα
ΜατίλνταΜατίλντα
Ματίλντα
 
Montar pc
Montar pcMontar pc
Montar pc
 
Maternidad y los primeros cuidados
Maternidad y los primeros cuidadosMaternidad y los primeros cuidados
Maternidad y los primeros cuidados
 
Show, don’t tell presentation group 4
Show, don’t tell presentation group 4Show, don’t tell presentation group 4
Show, don’t tell presentation group 4
 
Evaluación durante la enseñanza
Evaluación durante la enseñanzaEvaluación durante la enseñanza
Evaluación durante la enseñanza
 
Trabajo En Google
Trabajo En GoogleTrabajo En Google
Trabajo En Google
 
Cuadro 1
Cuadro 1Cuadro 1
Cuadro 1
 
Movimiento I
Movimiento IMovimiento I
Movimiento I
 
Sena tarea
Sena tareaSena tarea
Sena tarea
 
Présentation et activités du réseau doustourna 2011-2014
Présentation et activités du réseau doustourna 2011-2014Présentation et activités du réseau doustourna 2011-2014
Présentation et activités du réseau doustourna 2011-2014
 
Yunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndər
Yunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndərYunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndər
Yunan şəhər-dövlətlərinin tənəzzülü. Makedoniyalı İsgəndər
 
Circuitos eléctricos
Circuitos eléctricosCircuitos eléctricos
Circuitos eléctricos
 
Evaluation; q 4 and 5 revised
Evaluation; q 4 and 5 revisedEvaluation; q 4 and 5 revised
Evaluation; q 4 and 5 revised
 

Similar a Presentación2 (20)

Html
HtmlHtml
Html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Html
HtmlHtml
Html
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Taller 1 raul guaranda
Taller 1 raul guarandaTaller 1 raul guaranda
Taller 1 raul guaranda
 
Html
HtmlHtml
Html
 
Clase 04 Html
Clase 04   HtmlClase 04   Html
Clase 04 Html
 
HTML
HTMLHTML
HTML
 

Más de Cristian Rodriguezmartinez (6)

Actividad 5
Actividad 5Actividad 5
Actividad 5
 
Actividad 4
Actividad 4 Actividad 4
Actividad 4
 
Modelo gavilan
Modelo gavilanModelo gavilan
Modelo gavilan
 
Conceptos basicos del diseño grafico
Conceptos basicos del diseño graficoConceptos basicos del diseño grafico
Conceptos basicos del diseño grafico
 
Conceptos basicos del diseño grafico
Conceptos basicos del diseño graficoConceptos basicos del diseño grafico
Conceptos basicos del diseño grafico
 
Slidesshare
SlidesshareSlidesshare
Slidesshare
 

Presentación2

  • 1.
  • 2. HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
  • 3. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar)
  • 4. Primeras especificaciones La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4. Berners-Lee consideraba a HTML una ampliación de SGML pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática. El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. De la misma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería
  • 5. Elementos 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 (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de- elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <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.
  • 6. 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).8 9 De todas maneras, dejar los valores sin comillas es considerado poco seguro.10 En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia11 (tal como el atributo ismappara el elemento img).12