SlideShare una empresa de Scribd logo
1 de 21
HTLm HyperText Markup Language  (Lenguaje de Marcado de Hipertexto) Astrid Vanessa Padilla Jiménez. Jorge Eduardo Ramos Murillo. Nicolás Alberto Pinzón. Pedro Luis Saavedra Pérez.
HIPERTEXTO El hipertexto ha sido definido como un enfoque para manejar y organizar información, en el cual los datos se almacenan en una red de nodos conectados por enlaces. Los nodos contenienen textos y si contienen además gráficos, imágenes, audio, animaciones y video, así como código ejecutable u otra forma de datos se les da el nombre de hipermedio, es decir, una generalización de hipertexto.
El ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
aplicaciones
[object Object],[object Object]
Tim Berners-Lee  -Hypertexto.   Robert Cailliau   WorldWideWeb (W3)   -1991 primer documento formal con la descripción de HTML (HTML Tags). -La primerapropuestaoficialpara            convertir HTML en un estándar.(1993)       IETF 1980
-En 1995, HTML 2.0 es el primer estándaroficial de HTML. (IETF)   -HTML 4.0 se publicó el 24 de Abril de 1998    -HTML 4.01(1999), W3C se centró en el desarrollo del estándarXHTML   -2004, Apple, Mozilla y Opera decidieron         organizarse en unanuevaasociaciónllamada   WHATWG
-WHATWG se centra en el futuroestándar HTML 5, cuyo primer borradoroficial se publicó el 22 de enero de 2008.    -W3C ha continuado con la estandarización de XHTML, unaversiónavanzada de HTML y basada en XML.    -XHTML 1.0 esunaadaptación de HTML 4.01 al lenguajeXML
Marcado HTML ,[object Object]
Atributos,[object Object]
El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel. El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores Web visuales deben mostrar el texto en negrita, El 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
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 De todas maneras, dejar los valores sin comillas es considerado poco seguro.
Códigos Básicos
<html>: define el inicio del documento HTML.<head>: define la cabecera del documento HTML.<title>: define el título de la página.<body>: define el contenido principal o cuerpo del documento.<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
<table>: define una tabla.<tr>: fila de una tabla.<td>: celda de una tabla (Debe estar dentro de una fila).<a>: Hipervínculo o enlace, dentro o fuera del sitio web. <b>: texto en negrita.
<i>: texto en cursiva.<s>: texto tachado .<u>: texto subrayado.<center> : Se usa para centrar una idea.<strong> :Cumple la misma función que <B>.<img src="lugar donde guardo la imagen"> : se usa para insertar imágenes.
<a href=”URL”> Hipervínculo: Son los enlaces con documentos externos al actual.Para no olvidar…..La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/").
Grupo2
Grupo2

Más contenido relacionado

La actualidad más candente (19)

Diseno De Paginas Web
Diseno De Paginas WebDiseno De Paginas Web
Diseno De Paginas Web
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5
 
Programacion
ProgramacionProgramacion
Programacion
 
Marcado Html
Marcado HtmlMarcado Html
Marcado Html
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Rafael hernández saldierna
Rafael hernández saldiernaRafael hernández saldierna
Rafael hernández saldierna
 
Contenido
ContenidoContenido
Contenido
 
Html
HtmlHtml
Html
 
XML: HTML y XHTML
XML: HTML y XHTMLXML: HTML y XHTML
XML: HTML y XHTML
 
Ac programacion
Ac programacionAc programacion
Ac programacion
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Christianjaimea-6
Christianjaimea-6Christianjaimea-6
Christianjaimea-6
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
 
Tutorial de html alexito
Tutorial de html alexitoTutorial de html alexito
Tutorial de html alexito
 
Html
HtmlHtml
Html
 
Clase 04 Html
Clase 04   HtmlClase 04   Html
Clase 04 Html
 

Destacado

Buletin Injeksi Honda Edisi 1
Buletin Injeksi Honda Edisi 1Buletin Injeksi Honda Edisi 1
Buletin Injeksi Honda Edisi 1marketbizmpm
 
Hasil Dakwah Rasulullah
Hasil Dakwah RasulullahHasil Dakwah Rasulullah
Hasil Dakwah RasulullahSTEI SEBI
 
Presentacion glosario finanza e impuestos
Presentacion glosario finanza e impuestosPresentacion glosario finanza e impuestos
Presentacion glosario finanza e impuestosmjt12070731
 
Skripsi earnings management
Skripsi earnings managementSkripsi earnings management
Skripsi earnings managementMas Kusyono
 
Akar pangkat 3 sd 3 megawon
Akar pangkat 3   sd 3 megawonAkar pangkat 3   sd 3 megawon
Akar pangkat 3 sd 3 megawonEdi B Mulyana
 
н новгород презентация для агп
н новгород презентация для агпн новгород презентация для агп
н новгород презентация для агпAtner Yegorov
 
ROAD SHOW KOMUNITAS HATI
ROAD SHOW KOMUNITAS HATIROAD SHOW KOMUNITAS HATI
ROAD SHOW KOMUNITAS HATILAZISMU
 
Materiales de laboratorio
Materiales de laboratorioMateriales de laboratorio
Materiales de laboratorioeva
 
The touring face 2 face interview brief
The touring face 2 face interview briefThe touring face 2 face interview brief
The touring face 2 face interview briefMukti Medan
 
Untuk kita renungkan
Untuk kita renungkanUntuk kita renungkan
Untuk kita renungkanFlamencoRizky
 
Cara mudah membuat blog
Cara mudah membuat blogCara mudah membuat blog
Cara mudah membuat bloglisafitria
 
Navidad en plataforma albacora y barcaza bpz 01 (1)
Navidad en plataforma albacora y barcaza bpz 01 (1)Navidad en plataforma albacora y barcaza bpz 01 (1)
Navidad en plataforma albacora y barcaza bpz 01 (1)Marco Rodriguez Abad
 
Geografi 8 makalah hubungan sosial
Geografi 8   makalah hubungan sosialGeografi 8   makalah hubungan sosial
Geografi 8 makalah hubungan sosialNisa 'Icha' El
 

Destacado (20)

Buletin Injeksi Honda Edisi 1
Buletin Injeksi Honda Edisi 1Buletin Injeksi Honda Edisi 1
Buletin Injeksi Honda Edisi 1
 
Hasil Dakwah Rasulullah
Hasil Dakwah RasulullahHasil Dakwah Rasulullah
Hasil Dakwah Rasulullah
 
Presentacion glosario finanza e impuestos
Presentacion glosario finanza e impuestosPresentacion glosario finanza e impuestos
Presentacion glosario finanza e impuestos
 
Supervisi pai
Supervisi paiSupervisi pai
Supervisi pai
 
Skripsi earnings management
Skripsi earnings managementSkripsi earnings management
Skripsi earnings management
 
Akar pangkat 3 sd 3 megawon
Akar pangkat 3   sd 3 megawonAkar pangkat 3   sd 3 megawon
Akar pangkat 3 sd 3 megawon
 
н новгород презентация для агп
н новгород презентация для агпн новгород презентация для агп
н новгород презентация для агп
 
ROAD SHOW KOMUNITAS HATI
ROAD SHOW KOMUNITAS HATIROAD SHOW KOMUNITAS HATI
ROAD SHOW KOMUNITAS HATI
 
Materiales de laboratorio
Materiales de laboratorioMateriales de laboratorio
Materiales de laboratorio
 
The touring face 2 face interview brief
The touring face 2 face interview briefThe touring face 2 face interview brief
The touring face 2 face interview brief
 
Biodivercidad
BiodivercidadBiodivercidad
Biodivercidad
 
Planecion
PlanecionPlanecion
Planecion
 
Untuk kita renungkan
Untuk kita renungkanUntuk kita renungkan
Untuk kita renungkan
 
Admin
AdminAdmin
Admin
 
R5 c kel 4
R5 c kel 4R5 c kel 4
R5 c kel 4
 
Smartwatch
SmartwatchSmartwatch
Smartwatch
 
Cara mudah membuat blog
Cara mudah membuat blogCara mudah membuat blog
Cara mudah membuat blog
 
Navidad en plataforma albacora y barcaza bpz 01 (1)
Navidad en plataforma albacora y barcaza bpz 01 (1)Navidad en plataforma albacora y barcaza bpz 01 (1)
Navidad en plataforma albacora y barcaza bpz 01 (1)
 
Geografi 8 makalah hubungan sosial
Geografi 8   makalah hubungan sosialGeografi 8   makalah hubungan sosial
Geografi 8 makalah hubungan sosial
 
April 2012
April 2012April 2012
April 2012
 

Similar a Grupo2 (20)

Html
HtmlHtml
Html
 
Retroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, CarlosRetroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, Carlos
 
Expo html
Expo htmlExpo html
Expo html
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
4 Html
4 Html4 Html
4 Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Emily
EmilyEmily
Emily
 
html
htmlhtml
html
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html
HtmlHtml
Html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Html
HtmlHtml
Html
 
Html mayerly cuartas 11 01
Html mayerly cuartas 11 01Html mayerly cuartas 11 01
Html mayerly cuartas 11 01
 

Grupo2

  • 1. HTLm HyperText Markup Language  (Lenguaje de Marcado de Hipertexto) Astrid Vanessa Padilla Jiménez. Jorge Eduardo Ramos Murillo. Nicolás Alberto Pinzón. Pedro Luis Saavedra Pérez.
  • 2.
  • 3. HIPERTEXTO El hipertexto ha sido definido como un enfoque para manejar y organizar información, en el cual los datos se almacenan en una red de nodos conectados por enlaces. Los nodos contenienen textos y si contienen además gráficos, imágenes, audio, animaciones y video, así como código ejecutable u otra forma de datos se les da el nombre de hipermedio, es decir, una generalización de hipertexto.
  • 4. El ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
  • 5.
  • 7.
  • 8. Tim Berners-Lee  -Hypertexto.   Robert Cailliau   WorldWideWeb (W3)   -1991 primer documento formal con la descripción de HTML (HTML Tags). -La primerapropuestaoficialpara            convertir HTML en un estándar.(1993)       IETF 1980
  • 9. -En 1995, HTML 2.0 es el primer estándaroficial de HTML. (IETF)   -HTML 4.0 se publicó el 24 de Abril de 1998    -HTML 4.01(1999), W3C se centró en el desarrollo del estándarXHTML   -2004, Apple, Mozilla y Opera decidieron         organizarse en unanuevaasociaciónllamada   WHATWG
  • 10. -WHATWG se centra en el futuroestándar HTML 5, cuyo primer borradoroficial se publicó el 22 de enero de 2008.    -W3C ha continuado con la estandarización de XHTML, unaversiónavanzada de HTML y basada en XML.    -XHTML 1.0 esunaadaptación de HTML 4.01 al lenguajeXML
  • 11.
  • 12.
  • 13. El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel. El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores Web visuales deben mostrar el texto en negrita, El 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
  • 14. 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 De todas maneras, dejar los valores sin comillas es considerado poco seguro.
  • 16. <html>: define el inicio del documento HTML.<head>: define la cabecera del documento HTML.<title>: define el título de la página.<body>: define el contenido principal o cuerpo del documento.<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
  • 17. <table>: define una tabla.<tr>: fila de una tabla.<td>: celda de una tabla (Debe estar dentro de una fila).<a>: Hipervínculo o enlace, dentro o fuera del sitio web. <b>: texto en negrita.
  • 18. <i>: texto en cursiva.<s>: texto tachado .<u>: texto subrayado.<center> : Se usa para centrar una idea.<strong> :Cumple la misma función que <B>.<img src="lugar donde guardo la imagen"> : se usa para insertar imágenes.
  • 19. <a href=”URL”> Hipervínculo: Son los enlaces con documentos externos al actual.Para no olvidar…..La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/").