SlideShare una empresa de Scribd logo

HTML

D
danieladiazdecossio

Este documento describe los conceptos básicos de HTML, incluyendo su estructura, etiquetas y componentes. Explica que HTML es el lenguaje utilizado para crear y diseñar páginas web y que una página web típica se estructura con las etiquetas <html> al inicio y </html> al final, con una sección <head> para metadatos y otra <body> para el contenido visible. También define las etiquetas principales como encabezados, títulos, cuerpo, texto y tablas.

Educación
1 de 8
Descargar para leer sin conexión
1
2
3
4
5
6
7
8
HTML • Paola Álvarez y Daniela Díaz de Cossio
¿QUE ES? E S L A CREACIÓN, EL DISEÑO Y EL DESARROLLO DE LAS PÁGINAS WEB QUE VISITAMOS COTIDIANAMENTE
ESTRUCTURACIÓN DE UNA PÁGINA WEB • Una estructura HTML se empieza con la etiqueta <html> y acaba con </ html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
PRIMERA PARTE • La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros).
SEGUNDA PARTE • La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código
¿QUÉ SON LAS ETIQUETAS? • Las etiquetas son palabras que componen el lenguaje HTML. Permiten definir la estructura y el funcionamiento de cualquier página web. Las etiquetas deben escribirse entre los símbolos “<>", para poder distinguirse del texto normal de la página.
¿CUALES SON LAS ETIQUETA S PRINCIPALES DE HTML? • Encabezado, título, cuerpo, texto y tabla.
BIBLIOGRAFÍAS • http://ima.udg.es/~dagush/cursohtml/etiquet1.htm • http://www.slideshare.net/mobile/annags/etiquetas-html- udp-presentation • http://www.mastermagazine.info/termino/5286.php

Más contenido relacionado

PPTX
Pagina web
Erwin Vasquez
 
PDF
Etiquetas para estructurar texto en HTML - 3 parte
Wendy Navia Chambi
 
PDF
Manual de como crear una pagina web en word
equipoleslie
 
PDF
Etiquetas para estructurar texto en HTML - 4 parte
Wendy Navia Chambi
 
PDF
Etiquetas para estructurar texto HTML5 - 2 parte
Wendy Navia Chambi
 
ODP
Creando plantillas y enlaces
Unidad Educativa "Ibarra"
 
PPT
Tutorial Para Crear Tu Propia Pagina Web
nismoGSR
 
DOC
Pasos para crear una pagina web en word
32141767
 
Pagina web
Erwin Vasquez
 
Etiquetas para estructurar texto en HTML - 3 parte
Wendy Navia Chambi
 
Manual de como crear una pagina web en word
equipoleslie
 
Etiquetas para estructurar texto en HTML - 4 parte
Wendy Navia Chambi
 
Etiquetas para estructurar texto HTML5 - 2 parte
Wendy Navia Chambi
 
Creando plantillas y enlaces
Unidad Educativa "Ibarra"
 
Tutorial Para Crear Tu Propia Pagina Web
nismoGSR
 
Pasos para crear una pagina web en word
32141767
 

La actualidad más candente (19)

PDF
Introducion a HTML5
Wendy Navia Chambi
 
PPTX
Pasos para crear un sitio web
tomyycerr
 
PPS
Como Crear Paginas Web
Jose Casan
 
PPTX
Mi primera pagina web en html con bloc de notas
Jessi De Jesus Torres
 
PPTX
Pasos tecnicos para crear un sitio web
Juan Flores
 
DOCX
Formularios con html5
cristian guevara
 
PPT
Manual De Del.Icio.Us
Eugenio Theran
 
PPT
410167 Delicious Qué Es Y Cómo Usarlo
diegopc69
 
DOCX
Como hacer una página web fácil
Eliasid Rivero Madera
 
PPTX
adjuntar en gmail
rockdj64
 
PPT
Del.Icio.Us
Jmamoura
 
PPTX
Informatica presentacion
David Masmela Garcia
 
DOCX
ESTRUCTURA DE UN DOCUMENTO HTML
Daniel Ruiz
 
PPTX
Como crear tu propia web
kkobbyy
 
PPT
U1 3 Delicious
José Luis Morón Valdivia
 
PPTX
Html y css
isandy
 
PPTX
Guía paso a paso para crear una página web
LUZ ARIZPE
 
PPT
delicious, eccutpl, utpl, iliana burguan, imburguan
Iliana Maritza Burguan Valverde
 
PDF
Pasos para crear paginas web
romeprofe
 
Introducion a HTML5
Wendy Navia Chambi
 
Pasos para crear un sitio web
tomyycerr
 
Como Crear Paginas Web
Jose Casan
 
Mi primera pagina web en html con bloc de notas
Jessi De Jesus Torres
 
Pasos tecnicos para crear un sitio web
Juan Flores
 
Formularios con html5
cristian guevara
 
Manual De Del.Icio.Us
Eugenio Theran
 
410167 Delicious Qué Es Y Cómo Usarlo
diegopc69
 
Como hacer una página web fácil
Eliasid Rivero Madera
 
adjuntar en gmail
rockdj64
 
Del.Icio.Us
Jmamoura
 
Informatica presentacion
David Masmela Garcia
 
ESTRUCTURA DE UN DOCUMENTO HTML
Daniel Ruiz
 
Como crear tu propia web
kkobbyy
 
U1 3 Delicious
José Luis Morón Valdivia
 
Html y css
isandy
 
Guía paso a paso para crear una página web
LUZ ARIZPE
 
delicious, eccutpl, utpl, iliana burguan, imburguan
Iliana Maritza Burguan Valverde
 
Pasos para crear paginas web
romeprofe
 
Publicidad

Destacado (20)

PPTX
Trabajo el autoestima y las organizaciones joscar leon
joscarleon
 
PPTX
elizabeth lujerio arias
elizabethlujerio
 
PPTX
¿Cómo crear una página en Jimdo?
aleja10mont
 
PDF
pablo granadillo ejercicios
pablogranadilloheredia
 
PPTX
Proyecto del dia de la ciencia
Tatansierra
 
PPTX
Lengua española
daniris8
 
PPTX
Los animales
Camilo Clemente Ochoa
 
PPTX
Practica 1 sesion b
paty aldana
 
PPTX
PROTECCIÓN JURÍDICA DEL SOFTWARE EN EL PERÚ, LA ARGENTINA Y LA EXPERIENCIA D...
milagros-rojas
 
PPTX
Habilidades gerenciales / STHEPANIE VARGAS OTALVARO
STHEPANIE1
 
PDF
Actividad día 4 anexo a
Davoth24
 
PPTX
Karate-do
Stephanie Beltrán
 
PPTX
Diferencias entre el campo de la AF y EF
PaulaYLloyd
 
PDF
Dominio
RUIZ_ACERO_EDIZON_FERNANDO
 
PPTX
Google Apps
gustavomunozcs
 
PPTX
Evolucion de la Comunicación Humana.
Jesus M. Hernandez
 
PPTX
Plantilla presentación educa digital juguemos con las operaciones
fercho973k
 
PPTX
Goodans
rodas-montoya
 
PPT
Andrea esparza gomez
Andrea Karely Esparza Gomez
 
PPTX
Comunicacion Humana por Medios Masivos
Stephanie Loya
 
Trabajo el autoestima y las organizaciones joscar leon
joscarleon
 
elizabeth lujerio arias
elizabethlujerio
 
¿Cómo crear una página en Jimdo?
aleja10mont
 
pablo granadillo ejercicios
pablogranadilloheredia
 
Proyecto del dia de la ciencia
Tatansierra
 
Lengua española
daniris8
 
Los animales
Camilo Clemente Ochoa
 
Practica 1 sesion b
paty aldana
 
PROTECCIÓN JURÍDICA DEL SOFTWARE EN EL PERÚ, LA ARGENTINA Y LA EXPERIENCIA D...
milagros-rojas
 
Habilidades gerenciales / STHEPANIE VARGAS OTALVARO
STHEPANIE1
 
Actividad día 4 anexo a
Davoth24
 
Karate-do
Stephanie Beltrán
 
Diferencias entre el campo de la AF y EF
PaulaYLloyd
 
Dominio
RUIZ_ACERO_EDIZON_FERNANDO
 
Google Apps
gustavomunozcs
 
Evolucion de la Comunicación Humana.
Jesus M. Hernandez
 
Plantilla presentación educa digital juguemos con las operaciones
fercho973k
 
Goodans
rodas-montoya
 
Andrea esparza gomez
Andrea Karely Esparza Gomez
 
Comunicacion Humana por Medios Masivos
Stephanie Loya
 
Publicidad

Similar a HTML (20)

PPTX
Producto 3
LaloWR11
 
PPTX
PRODUCTO 3
carlossandez123
 
PPTX
PRODUCTO 3
carlossandez123
 
PPTX
Producto 3
EDuard Ortiz
 
PPTX
Producto 3
AndreaLara3333
 
PPTX
(producto 3)
DAFNE DANIELA
 
DOCX
Producto 3 Byron
byronicooo
 
PDF
INTROducción a Adobe DREAMWEAVER 2020.pdf
relajadita
 
PPTX
Código htlm
Ana Lira
 
PPTX
Producto 3 rodrigo y ryan
Silentrodri
 
PPTX
Producto 3 rodrigo y ryan
Ryan Brown
 
PPTX
Etiquetas html
Samanta Guerrero
 
DOCX
Estructura de una página
BaronyBarreto
 
PPTX
Producto 3
JCyandrea
 
DOCX
Documento nicolas garibello
santiagomez903
 
DOCX
Documento nicolas garibello
santiagomez903
 
DOCX
Colegio nacional nicolás esguerra 3
Edward Neuta
 
PPTX
Resumen html
Kelvint Chacon
 
PPTX
TALLER DE PROGRAMACIONNNNNNNNNNNNNNNNNNN
zpindejo791
 
PPTX
Html
allan Gutierrez
 
Producto 3
LaloWR11
 
PRODUCTO 3
carlossandez123
 
PRODUCTO 3
carlossandez123
 
Producto 3
EDuard Ortiz
 
Producto 3
AndreaLara3333
 
(producto 3)
DAFNE DANIELA
 
Producto 3 Byron
byronicooo
 
INTROducción a Adobe DREAMWEAVER 2020.pdf
relajadita
 
Código htlm
Ana Lira
 
Producto 3 rodrigo y ryan
Silentrodri
 
Producto 3 rodrigo y ryan
Ryan Brown
 
Etiquetas html
Samanta Guerrero
 
Estructura de una página
BaronyBarreto
 
Producto 3
JCyandrea
 
Documento nicolas garibello
santiagomez903
 
Documento nicolas garibello
santiagomez903
 
Colegio nacional nicolás esguerra 3
Edward Neuta
 
Resumen html
Kelvint Chacon
 
TALLER DE PROGRAMACIONNNNNNNNNNNNNNNNNNN
zpindejo791
 
Html
allan Gutierrez
 

Último (20)

PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
antonioortiz920669
 
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
arribalosbuscavidas
 
PDF
Atencion prenatal. Ginecologia y obsetricia
ELBAMARIELAMENDEZROD
 
DOCX
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
SteveLazo3
 
PDF
biología es un libro sobre casi todo el tema de biología
bolhfhdu
 
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
JosAngelLpezCrdova
 
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
danigalis07
 
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
claudializandro6
 
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
anclasrlcutralco
 
PDF
ciencias-1.pdf libro cuarto basico niños
JeannieTrigo1
 
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Metodologías Activas con herramientas IAG
Osman Villanueva
 
PPTX
caso clínico iam clinica y semiología l3.pptx
EnriqueQuerales1
 
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
Andy Garcia Peña
 
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
HoracioOrtiz16
 
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
JessicaSusanSilvaPer1
 
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
Demetrio Ccesa Rayme
 
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
antonioortiz920669
 
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
arribalosbuscavidas
 
Atencion prenatal. Ginecologia y obsetricia
ELBAMARIELAMENDEZROD
 
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
SteveLazo3
 
biología es un libro sobre casi todo el tema de biología
bolhfhdu
 
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
JosAngelLpezCrdova
 
Híper Mega Repaso Histológico Bloque 3.pdf
danigalis07
 
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
claudializandro6
 
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
anclasrlcutralco
 
ciencias-1.pdf libro cuarto basico niños
JeannieTrigo1
 
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
Demetrio Ccesa Rayme
 
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Demetrio Ccesa Rayme
 
Metodologías Activas con herramientas IAG
Osman Villanueva
 
caso clínico iam clinica y semiología l3.pptx
EnriqueQuerales1
 
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
Andy Garcia Peña
 
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Demetrio Ccesa Rayme
 
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
HoracioOrtiz16
 
2 GRADO UNIDAD 5 - 2025.docx para primaria
JessicaSusanSilvaPer1
 
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
Demetrio Ccesa Rayme
 
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
Demetrio Ccesa Rayme
 

HTML

  • 1. HTML • Paola Álvarez y Daniela Díaz de Cossio
  • 2. ¿QUE ES? E S L A CREACIÓN, EL DISEÑO Y EL DESARROLLO DE LAS PÁGINAS WEB QUE VISITAMOS COTIDIANAMENTE
  • 3. ESTRUCTURACIÓN DE UNA PÁGINA WEB • Una estructura HTML se empieza con la etiqueta <html> y acaba con </ html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
  • 4. PRIMERA PARTE • La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros).
  • 5. SEGUNDA PARTE • La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código
  • 6. ¿QUÉ SON LAS ETIQUETAS? • Las etiquetas son palabras que componen el lenguaje HTML. Permiten definir la estructura y el funcionamiento de cualquier página web. Las etiquetas deben escribirse entre los símbolos “<>", para poder distinguirse del texto normal de la página.
  • 7. ¿CUALES SON LAS ETIQUETA S PRINCIPALES DE HTML? • Encabezado, título, cuerpo, texto y tabla.
  • 8. BIBLIOGRAFÍAS • http://ima.udg.es/~dagush/cursohtml/etiquet1.htm • http://www.slideshare.net/mobile/annags/etiquetas-html- udp-presentation • http://www.mastermagazine.info/termino/5286.php