SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
ETIQUETAS
DE HTML
Jorge Alberto Valencia Vázquez
404 #32
¿Qué es HTML?
• HTML son las siglas en inglés de Hipertexto Markup Lenguaje,
que significa Lenguaje de Marcado de Hipertexto. Sellama así
al lenguaje de programación empleadoen la elaboraciónde
páginasWeb, yquesirve como estándar de referencia para la
codificación y estructuración delas mismas, a travésde un
código del mismo nombre(HTML).
• El W3C o World Wide Web Consortium, organizaciónquese
dedica a la estandarización delos parámetrosdela Red,
emplea el HTML como el más importantelenguaje web, y al
cualprácticamentetodoslos navegadores y exploradoresse han
adaptado.Escrucial, entonces, para el desarrollo y la expansión
de la Red.
¿Que son las etiquetas en
HTML?
Las etiquetasHTML son pequeños bloques de código,
que indican al navegadorcomo debe interpretarel
contenidorecogidoentre dichas etiquetas.Por
ejemplo, si queremos «pintar» un párrafode texto,hay
una etiqueta específica paraque el navegador
interpreteese textocomo un párrafo.Estas etiquetas
cuentanademás con atributosquepodemos añadir y
que en sí, puedendeterminarcómo será el
comportamientoespecíficoque tendrála etiqueta.
Etiquetas iniciales
• <HTML> </HTML> Representa la raíz
de un documento HTML. Todos los
demás elementos de la estructura
HTML debenser recogidos dentro de
estas etiquetas
Metadatos en documento
• <head> </head> Representa una colección
de metadatos acerca del documento,
incluyendo enlaces a, o definiciones de,
scripts y hojas de estilo.
• <title> </title> Etiqueta usada para definir el
título de la página web.
• <style> </style> Etiquetas usadas para
introducir código CSS en línea, es decir, en el
propio documento HTML.
ETIQUETAS DE SECCIONES
• <body> </body> Al contrario que la etiqueta
de metadatos <head>, todo lo que quieras
mostrar en la página web debe ir recogido
dentro de las etiquetas de apertura y cierre
de <body>. Este contenido será el que se
muestre en la web.
• <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son
etiquetas HTML muy importantes, ya que
son usadas para jerarquizar el contenido de
la web. Las etiquetas se usan para explicar
brevemente el contenido que irá a
continuación.
ETIQUETAS PARA LA
AGRUPACIÓN DE CONTENIDO
• <p> </p> Etiqueta usada para
escribir párrafos de texto.
• <dt> </dt> Representa un término
definido por la siguiente etiqueta
<dd>
• <dd> </dd> Se usa para definir los
términos listados antes que él.
ETIQUETAS PARA
INCRUSTAR CONTENIDO
• <img> Etiqueta para «pintar» una
imagen en la página web.
• <video> </video>Se usa para
reproducir video en la página web
junto a sus archivos de audio y
capciones asociadas.
• <audio> </audio> Usada para
cargar en una web un archivo de
audio o stream de audio.
ETIQUETAS PARA
<input>
• Number:se utilizaparaindicarque losdatosa introducirseránsolonúmerosyquedarán
restringidossoloal rangoestablecidosdentrodel mínimoymáximo,ejemplo:<inputtype =
“numbermin= “1” max = “2”>
• Range:Similara“number”con la diferenciaque lainsercióndel datoresultamásamigable
para el usuario,ejemplo:<inputtype =“range”min=”1” max = “20”>
• Date:destinadoasoloingresardatosde fecha,porloque se generaunselectorautomático
con el formatoestablecidodentrodel navegador,ejemplo:<inputtype =“date”name =
“fecha”>

Más contenido relacionado

Similar a etiquetas.pdf (20)

Html Sharon 4101
Html Sharon 4101Html Sharon 4101
Html Sharon 4101
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Html
HtmlHtml
Html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
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
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Trabajo.docx
Trabajo.docxTrabajo.docx
Trabajo.docx
 
Html
HtmlHtml
Html
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
 
Codigo HTML.docx
Codigo HTML.docxCodigo HTML.docx
Codigo HTML.docx
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Qué es código en HTML.docx
Qué es código en HTML.docxQué es código en HTML.docx
Qué es código en HTML.docx
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Códigos. De. HTML.
Códigos.         De.                HTML.Códigos.         De.                HTML.
Códigos. De. HTML.
 
CODIGOS HTML.pptx Angulo y Hurtado 10-
CODIGOS  HTML.pptx Angulo y  Hurtado 10-CODIGOS  HTML.pptx Angulo y  Hurtado 10-
CODIGOS HTML.pptx Angulo y Hurtado 10-
 

etiquetas.pdf

  • 1. ETIQUETAS DE HTML Jorge Alberto Valencia Vázquez 404 #32
  • 2. ¿Qué es HTML? • HTML son las siglas en inglés de Hipertexto Markup Lenguaje, que significa Lenguaje de Marcado de Hipertexto. Sellama así al lenguaje de programación empleadoen la elaboraciónde páginasWeb, yquesirve como estándar de referencia para la codificación y estructuración delas mismas, a travésde un código del mismo nombre(HTML). • El W3C o World Wide Web Consortium, organizaciónquese dedica a la estandarización delos parámetrosdela Red, emplea el HTML como el más importantelenguaje web, y al cualprácticamentetodoslos navegadores y exploradoresse han adaptado.Escrucial, entonces, para el desarrollo y la expansión de la Red.
  • 3. ¿Que son las etiquetas en HTML? Las etiquetasHTML son pequeños bloques de código, que indican al navegadorcomo debe interpretarel contenidorecogidoentre dichas etiquetas.Por ejemplo, si queremos «pintar» un párrafode texto,hay una etiqueta específica paraque el navegador interpreteese textocomo un párrafo.Estas etiquetas cuentanademás con atributosquepodemos añadir y que en sí, puedendeterminarcómo será el comportamientoespecíficoque tendrála etiqueta.
  • 4. Etiquetas iniciales • <HTML> </HTML> Representa la raíz de un documento HTML. Todos los demás elementos de la estructura HTML debenser recogidos dentro de estas etiquetas
  • 5. Metadatos en documento • <head> </head> Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo. • <title> </title> Etiqueta usada para definir el título de la página web. • <style> </style> Etiquetas usadas para introducir código CSS en línea, es decir, en el propio documento HTML.
  • 6. ETIQUETAS DE SECCIONES • <body> </body> Al contrario que la etiqueta de metadatos <head>, todo lo que quieras mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de <body>. Este contenido será el que se muestre en la web. • <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya que son usadas para jerarquizar el contenido de la web. Las etiquetas se usan para explicar brevemente el contenido que irá a continuación.
  • 7. ETIQUETAS PARA LA AGRUPACIÓN DE CONTENIDO • <p> </p> Etiqueta usada para escribir párrafos de texto. • <dt> </dt> Representa un término definido por la siguiente etiqueta <dd> • <dd> </dd> Se usa para definir los términos listados antes que él.
  • 8. ETIQUETAS PARA INCRUSTAR CONTENIDO • <img> Etiqueta para «pintar» una imagen en la página web. • <video> </video>Se usa para reproducir video en la página web junto a sus archivos de audio y capciones asociadas. • <audio> </audio> Usada para cargar en una web un archivo de audio o stream de audio.
  • 9. ETIQUETAS PARA <input> • Number:se utilizaparaindicarque losdatosa introducirseránsolonúmerosyquedarán restringidossoloal rangoestablecidosdentrodel mínimoymáximo,ejemplo:<inputtype = “numbermin= “1” max = “2”> • Range:Similara“number”con la diferenciaque lainsercióndel datoresultamásamigable para el usuario,ejemplo:<inputtype =“range”min=”1” max = “20”> • Date:destinadoasoloingresardatosde fecha,porloque se generaunselectorautomático con el formatoestablecidodentrodel navegador,ejemplo:<inputtype =“date”name = “fecha”>