SlideShare une entreprise Scribd logo
1  sur  7
Etiquetas de HTML y sus 
atributos 
IRNESTO OCHOA Y ARIANA PEDERSEN 
9NO 
PROF. NEREIDA MARTÍNEZ CRUZ. 
2/09/ 14
<img> 
etiqueta <IMG> 
src 
Este atributo es obligatorio e indica el nombre del archivo de imagen (entre 
comillas) o la URL desde la que se va a obtener la imagen. 
Obligatorio. Si no se incluye no se mostrará imagen alguna. 
align 
Permite controlar la alineación de una imagen con respecto a una línea de 
texto adyacente o a otras imágenes en esa línea. Los valores posibles son los 
ya conocidos left, right, middle, top, bottom. 
Atributo obsoleto (deprecated). Sustituir por CSS. 
alt 
Entre comillas podremos escribir un texto que se mostrará si la imagen no 
llega a cargar, mientras se carga o, cuando visualizando ya la imagen, 
pasamos el ratón por encima. 
Atributo requerido, se recomienda incluirlo aunque si no se hace la imagen 
se mostrará.
width 
Este atributo es opcional pero podemos ponerlo para especificar al 
navegador que muestre la imagen con un tamaño específico. Significa 
“ancho de la imagen” que vamos a representar. Si no se escribe, se carga la 
imagen con el tamaño original. 
Opcional. Indicar valor en pixeles. También se puede indicar con CSS. 
height 
Al igual que el atributo width, es opcional. Este atributo indica el alto de la 
imagen. 
Opcional. Indicar valor en pixeles. También se puede indicar con CSS. 
border 
Con border especificamos el ancho del borde que rodea la imagen. Si se 
indica 0 equivale a “sin borde”. 
Atributo obsoleto (deprecated). Sustituir por CSS.
Tabla 
<table> 
</table>
<body> 
<body> 
</body> 
Parte visible en pantalla del documento. 
align 
Alinea la tabla: center, right, left 
bgcolor 
Establece el color de fondo de la tabla. 
border 
Establece un borde a la tabla 
cellpadding 
Separación entre el borde de la tabla y el contenido. 
cellspacing 
Separación entre las celdas. 
width 
Establece el ancho de la tabla.
Encabezado 
Encabezados 
HTML acepta seis encabezados para definir la 
estructura jerárquica de los párrafos en un 
documento: 
EtiquetaEfecto visualH1,H2,H3P,H4,H5,H6.
Texto 
EjemploSe veria como<H1>Texto de 
Prueba</H1>Texto de prueba 
<H2>Texto de Prueba</H2>Texto de Prueba 
<H3>Texto de Prueba</H3>Texto de Prueba 
<H4>Texto de Prueba</H4>Texto de Prueba 
<H5>Texto de Prueba</H5>Texto de Prueba 
<H6>Texto de Prueba</H6>Texto de Prueba

Contenu connexe

Tendances (10)

pagina web IV
pagina web IV pagina web IV
pagina web IV
 
HTML 2
HTML 2HTML 2
HTML 2
 
Tatoo
TatooTatoo
Tatoo
 
Lección 5 texto diapo
Lección 5 texto diapoLección 5 texto diapo
Lección 5 texto diapo
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Colegio nicolas esguerraa
Colegio nicolas esguerraaColegio nicolas esguerraa
Colegio nicolas esguerraa
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
 
Nmvkhl
NmvkhlNmvkhl
Nmvkhl
 
Etiquetas Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de Html
 

Similaire à Producto 4 (20)

Producto 4 FR
Producto 4 FRProducto 4 FR
Producto 4 FR
 
Imágenes En Paginas Web
Imágenes En Paginas WebImágenes En Paginas Web
Imágenes En Paginas Web
 
3
33
3
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Producto 4
Producto 4Producto 4
Producto 4
 
Producto 4
Producto 4Producto 4
Producto 4
 
Prac.imagenes
Prac.imagenes Prac.imagenes
Prac.imagenes
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Web 4
Web 4Web 4
Web 4
 
pag 4
pag 4pag 4
pag 4
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
242310
242310242310
242310
 
O 150928120321-lva1-app6892
O 150928120321-lva1-app6892O 150928120321-lva1-app6892
O 150928120321-lva1-app6892
 
Tablas en Html
Tablas en HtmlTablas en Html
Tablas en Html
 
word
wordword
word
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Capítulo 4box model
Capítulo 4box modelCapítulo 4box model
Capítulo 4box model
 
Html power
Html powerHtml power
Html power
 

Dernier

PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 

Dernier (20)

PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 

Producto 4

  • 1. Etiquetas de HTML y sus atributos IRNESTO OCHOA Y ARIANA PEDERSEN 9NO PROF. NEREIDA MARTÍNEZ CRUZ. 2/09/ 14
  • 2. <img> etiqueta <IMG> src Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL desde la que se va a obtener la imagen. Obligatorio. Si no se incluye no se mostrará imagen alguna. align Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los valores posibles son los ya conocidos left, right, middle, top, bottom. Atributo obsoleto (deprecated). Sustituir por CSS. alt Entre comillas podremos escribir un texto que se mostrará si la imagen no llega a cargar, mientras se carga o, cuando visualizando ya la imagen, pasamos el ratón por encima. Atributo requerido, se recomienda incluirlo aunque si no se hace la imagen se mostrará.
  • 3. width Este atributo es opcional pero podemos ponerlo para especificar al navegador que muestre la imagen con un tamaño específico. Significa “ancho de la imagen” que vamos a representar. Si no se escribe, se carga la imagen con el tamaño original. Opcional. Indicar valor en pixeles. También se puede indicar con CSS. height Al igual que el atributo width, es opcional. Este atributo indica el alto de la imagen. Opcional. Indicar valor en pixeles. También se puede indicar con CSS. border Con border especificamos el ancho del borde que rodea la imagen. Si se indica 0 equivale a “sin borde”. Atributo obsoleto (deprecated). Sustituir por CSS.
  • 5. <body> <body> </body> Parte visible en pantalla del documento. align Alinea la tabla: center, right, left bgcolor Establece el color de fondo de la tabla. border Establece un borde a la tabla cellpadding Separación entre el borde de la tabla y el contenido. cellspacing Separación entre las celdas. width Establece el ancho de la tabla.
  • 6. Encabezado Encabezados HTML acepta seis encabezados para definir la estructura jerárquica de los párrafos en un documento: EtiquetaEfecto visualH1,H2,H3P,H4,H5,H6.
  • 7. Texto EjemploSe veria como<H1>Texto de Prueba</H1>Texto de prueba <H2>Texto de Prueba</H2>Texto de Prueba <H3>Texto de Prueba</H3>Texto de Prueba <H4>Texto de Prueba</H4>Texto de Prueba <H5>Texto de Prueba</H5>Texto de Prueba <H6>Texto de Prueba</H6>Texto de Prueba