SlideShare uma empresa Scribd logo
1 de 9
Andrea Lara y Eduardo Ortiz 9 B
Atributos de imagen (<img>) en 
HTML 
 width="x" Permite al navegador predeterminar el ancho, en 
pixeles, que tendrá tu imagen. 
 height="x" Junto con el atributo width, el navegador puede 
preparar el espacio necesario para tu imagen antes de que se 
muestre. 
 border="x" Para añadir o eliminar un borde, donde la x será un 
valor numérico. 
 align="xxx" Puedes alinear una imagen horizontal y/o 
verticalmente en una página usando este atributo. 
 alt="descripción_de_la_imagen" El atributo alt te permite 
describir la imagen para los navegadores de sólo texto, así como 
etiquetar la imagen antes de que se cargue en una página. 
 hspace="x" horizontal space, se usa para añadir espacio vacío, 
con un valor numérico, en la coordenada horizontal de una 
imagen. 
 vspace="x" vertical space, controla el espacio de la imagen en 
las coordenadas verticales.
Atributos de encabezado en 
HTML 
 HTML acepta seis encabezados para 
definir la estructura jerárquica de los 
párrafos en un documento: 
 H1 PRUEBA 
 H2 PRUEBA 
 H3 PRUEBA 
 H4 PRUEBA 
 H5 PRUEBA 
 H6 PRUEBA
Atributos body en HTML 
 Es la parte del documento a publicar en 
el WWW que contiene todo el material a 
publicar, puede usar los siguientes propiedades 
o atributos: 
 BACKGROUND=imagen ←-Imagen para el 
fondo de la pagina 
 BGCOLOR=Color ←– Color del fondo de la 
pagina 
 TEXT=Color ←- Color del texto dentro de la 
pagina 
 LINK=Color ←- Color para las ligas, enlaces o 
hipervínculos que se encuentren dentro del 
documento.
Párrafo en HTML 
 HTML considera que los párrafos son 
bloques de texto. 
 Los saltos de línea (saltar de una 
línea a la siguiente) se crean usando 
la etiqueta <br/>. 
 La etiqueta <hr> se utiliza para 
insertar una línea horizontal.
Texto en HTML 
 Para indicar atributos del texto (negrilla, subrayado, 
etc...) tenemos varias directivas. 
 Por otro lado la directiva <FONT></FONT> nos 
permite variar el tamaño, el color, y el tipo de letra 
de un texto determinado. 
 size = valorDa al texto un tamaño en puntos 
determinado. 
 size = +/- valorDa al texto un tamaño tantas veces 
superior (+) o inferior (-) como indique el valor. 
 color = "código de color"Escribe el texto en el color 
cuyo código se especifica. 
 face = "nombre de font"Escribe el texto en el tipo de 
letra especificado. Si este tipo de letra no existe en 
el ordenador que "lee" la página se usara el Font 
predeterminado del navegador.
Hipervínculo en HTML 
 Los enlaces o hipervínculos, también 
llamados hipertextos son los textos o 
los objetos sobre los que podemos 
hacer clic para que nos lleven a otra 
parte del documento, a otra página 
web en el mismo sitio o a otra 
página de Internet, entre otras 
funciones.
Tabla en HTML 
 El atributo width establece el ancho de 
la tabla, en porcentaje o en píxeles. 
 El atributo border establece el grosor 
del borde de la tabla. 
 El atributo frame establece qué lados 
del borde exterior de la tabla son 
visibles. 
 El atributo rules establece qué lados de 
los bordes interiores de la tabla son 
visibles.
Bibliografía 
 http://www.mclibre.org/consultar/amaya/ 
xhtml/xhtml_tablas_atributos.html#Atributo 
s 
 http://www.adrformacion.com/curso/dre 
amweaver/leccion3/hipervinculos.htm 
 http://www.programacionfacil.com/html/ 
body 
 http://es.kioskea.net/contents/248- 
encabezados-en-html 
 http://es.kioskea.net/contents/244- 
parrafos-en-html

Mais conteúdo relacionado

Mais procurados

Mais procurados (10)

Html
HtmlHtml
Html
 
Tecnologia Web - HTML
Tecnologia Web - HTMLTecnologia Web - HTML
Tecnologia Web - HTML
 
13imagenes
13imagenes13imagenes
13imagenes
 
Definiciones web
Definiciones webDefiniciones web
Definiciones web
 
Formato del texto en css
Formato del texto en cssFormato del texto en css
Formato del texto en css
 
Resumen de inoformatica
Resumen de inoformaticaResumen de inoformatica
Resumen de inoformatica
 
Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.
 
Codigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordesCodigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordes
 
HTML
HTMLHTML
HTML
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 

Semelhante a Atributos HTML img texto encabezados

Semelhante a Atributos HTML img texto encabezados (20)

Producto 4 ryan y rodrigo
Producto 4 ryan y rodrigoProducto 4 ryan y rodrigo
Producto 4 ryan y rodrigo
 
Producto 4 etiquetas de html
Producto 4 etiquetas de htmlProducto 4 etiquetas de html
Producto 4 etiquetas de html
 
Producto 4 ryan y rodrigo
Producto 4 ryan y rodrigoProducto 4 ryan y rodrigo
Producto 4 ryan y rodrigo
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
Html
HtmlHtml
Html
 
Producto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editadoProducto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editado
 
HTML
 HTML HTML
HTML
 
Programación avamzada 1
Programación avamzada 1Programación avamzada 1
Programación avamzada 1
 
Html power
Html powerHtml power
Html power
 
Html
Html Html
Html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Producto 4
Producto 4Producto 4
Producto 4
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 
Inf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaInf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_Valenzuela
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Julexi
JulexiJulexi
Julexi
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
 
CSS
CSSCSS
CSS
 
Resumen de dreamweaver
Resumen de dreamweaverResumen de dreamweaver
Resumen de dreamweaver
 

Último

SUNEDU - Superintendencia Nacional de Educación superior Universitaria
SUNEDU - Superintendencia Nacional de Educación superior UniversitariaSUNEDU - Superintendencia Nacional de Educación superior Universitaria
SUNEDU - Superintendencia Nacional de Educación superior Universitariachayananazcosimeon
 
Posiciones de México en el PNB PPA per cápita (1982-2024).pdf
Posiciones de México en el PNB PPA per cápita (1982-2024).pdfPosiciones de México en el PNB PPA per cápita (1982-2024).pdf
Posiciones de México en el PNB PPA per cápita (1982-2024).pdfJC Díaz Herrera
 
Partes y elementos de una iglesia básicos
Partes y elementos de una iglesia básicosPartes y elementos de una iglesia básicos
Partes y elementos de una iglesia básicosMarycarmenNuez4
 
Familias más ricas de países de AL en inicio de su hegemonía (2024).pdf
Familias más ricas de países de AL en inicio de su hegemonía (2024).pdfFamilias más ricas de países de AL en inicio de su hegemonía (2024).pdf
Familias más ricas de países de AL en inicio de su hegemonía (2024).pdfJC Díaz Herrera
 
AA CUADRO DE TEORIA DEL CASO. (1) (1).docx
AA CUADRO DE TEORIA DEL CASO. (1) (1).docxAA CUADRO DE TEORIA DEL CASO. (1) (1).docx
AA CUADRO DE TEORIA DEL CASO. (1) (1).docxLuisAngelYomonaYomon
 
2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdf
2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdf2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdf
2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdfAnaBelindaArmellonHi
 
triptico-de-las-drogas en la adolescencia
triptico-de-las-drogas en la adolescenciatriptico-de-las-drogas en la adolescencia
triptico-de-las-drogas en la adolescenciaferg6120
 
Técnica palatina baja, anestesiología dental
Técnica palatina baja, anestesiología dentalTécnica palatina baja, anestesiología dental
Técnica palatina baja, anestesiología dentalIngrid459352
 
Posiciones en el IDH global de EUA (1950-2024).pdf
Posiciones en el IDH global de EUA (1950-2024).pdfPosiciones en el IDH global de EUA (1950-2024).pdf
Posiciones en el IDH global de EUA (1950-2024).pdfJC Díaz Herrera
 
Cuáles son las características biológicas que están marcadas en tu individual...
Cuáles son las características biológicas que están marcadas en tu individual...Cuáles son las características biológicas que están marcadas en tu individual...
Cuáles son las características biológicas que están marcadas en tu individual...israel garcia
 
Evolución de la fortuna de la familia Slim (1994-2024).pdf
Evolución de la fortuna de la familia Slim (1994-2024).pdfEvolución de la fortuna de la familia Slim (1994-2024).pdf
Evolución de la fortuna de la familia Slim (1994-2024).pdfJC Díaz Herrera
 
CNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICACNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICAYOSHELINSARAIMAMANIS2
 
Los_países_con_la_mayor_cantidad_de_rascacielos (2023).pdf
Los_países_con_la_mayor_cantidad_de_rascacielos (2023).pdfLos_países_con_la_mayor_cantidad_de_rascacielos (2023).pdf
Los_países_con_la_mayor_cantidad_de_rascacielos (2023).pdfJC Díaz Herrera
 
Data Warehouse.gestion de bases de datos
Data Warehouse.gestion de bases de datosData Warehouse.gestion de bases de datos
Data Warehouse.gestion de bases de datosssuser948499
 
Qué es un Histograma estadístico teoria y problema
Qué es un Histograma estadístico teoria y problemaQué es un Histograma estadístico teoria y problema
Qué es un Histograma estadístico teoria y problemaJoellyAlejandraRodrg
 
Los más ricos administradores de fondo de cobertura (1968-2024).pdf
Los más ricos administradores de fondo de cobertura (1968-2024).pdfLos más ricos administradores de fondo de cobertura (1968-2024).pdf
Los más ricos administradores de fondo de cobertura (1968-2024).pdfJC Díaz Herrera
 
PANTEÓN DE Paris en historia de la arquitectura
PANTEÓN DE Paris en historia de la arquitecturaPANTEÓN DE Paris en historia de la arquitectura
PANTEÓN DE Paris en historia de la arquitecturaRosaHurtado26
 
REPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdf
REPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdfREPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdf
REPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdfIrapuatoCmovamos
 
Posiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdf
Posiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdfPosiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdf
Posiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdfJC Díaz Herrera
 
REPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdf
REPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdfREPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdf
REPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdfIrapuatoCmovamos
 

Último (20)

SUNEDU - Superintendencia Nacional de Educación superior Universitaria
SUNEDU - Superintendencia Nacional de Educación superior UniversitariaSUNEDU - Superintendencia Nacional de Educación superior Universitaria
SUNEDU - Superintendencia Nacional de Educación superior Universitaria
 
Posiciones de México en el PNB PPA per cápita (1982-2024).pdf
Posiciones de México en el PNB PPA per cápita (1982-2024).pdfPosiciones de México en el PNB PPA per cápita (1982-2024).pdf
Posiciones de México en el PNB PPA per cápita (1982-2024).pdf
 
Partes y elementos de una iglesia básicos
Partes y elementos de una iglesia básicosPartes y elementos de una iglesia básicos
Partes y elementos de una iglesia básicos
 
Familias más ricas de países de AL en inicio de su hegemonía (2024).pdf
Familias más ricas de países de AL en inicio de su hegemonía (2024).pdfFamilias más ricas de países de AL en inicio de su hegemonía (2024).pdf
Familias más ricas de países de AL en inicio de su hegemonía (2024).pdf
 
AA CUADRO DE TEORIA DEL CASO. (1) (1).docx
AA CUADRO DE TEORIA DEL CASO. (1) (1).docxAA CUADRO DE TEORIA DEL CASO. (1) (1).docx
AA CUADRO DE TEORIA DEL CASO. (1) (1).docx
 
2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdf
2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdf2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdf
2 PROCESO ESTADISTICO PARA LA INVESTIGACION.pdf
 
triptico-de-las-drogas en la adolescencia
triptico-de-las-drogas en la adolescenciatriptico-de-las-drogas en la adolescencia
triptico-de-las-drogas en la adolescencia
 
Técnica palatina baja, anestesiología dental
Técnica palatina baja, anestesiología dentalTécnica palatina baja, anestesiología dental
Técnica palatina baja, anestesiología dental
 
Posiciones en el IDH global de EUA (1950-2024).pdf
Posiciones en el IDH global de EUA (1950-2024).pdfPosiciones en el IDH global de EUA (1950-2024).pdf
Posiciones en el IDH global de EUA (1950-2024).pdf
 
Cuáles son las características biológicas que están marcadas en tu individual...
Cuáles son las características biológicas que están marcadas en tu individual...Cuáles son las características biológicas que están marcadas en tu individual...
Cuáles son las características biológicas que están marcadas en tu individual...
 
Evolución de la fortuna de la familia Slim (1994-2024).pdf
Evolución de la fortuna de la familia Slim (1994-2024).pdfEvolución de la fortuna de la familia Slim (1994-2024).pdf
Evolución de la fortuna de la familia Slim (1994-2024).pdf
 
CNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICACNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICA
 
Los_países_con_la_mayor_cantidad_de_rascacielos (2023).pdf
Los_países_con_la_mayor_cantidad_de_rascacielos (2023).pdfLos_países_con_la_mayor_cantidad_de_rascacielos (2023).pdf
Los_países_con_la_mayor_cantidad_de_rascacielos (2023).pdf
 
Data Warehouse.gestion de bases de datos
Data Warehouse.gestion de bases de datosData Warehouse.gestion de bases de datos
Data Warehouse.gestion de bases de datos
 
Qué es un Histograma estadístico teoria y problema
Qué es un Histograma estadístico teoria y problemaQué es un Histograma estadístico teoria y problema
Qué es un Histograma estadístico teoria y problema
 
Los más ricos administradores de fondo de cobertura (1968-2024).pdf
Los más ricos administradores de fondo de cobertura (1968-2024).pdfLos más ricos administradores de fondo de cobertura (1968-2024).pdf
Los más ricos administradores de fondo de cobertura (1968-2024).pdf
 
PANTEÓN DE Paris en historia de la arquitectura
PANTEÓN DE Paris en historia de la arquitecturaPANTEÓN DE Paris en historia de la arquitectura
PANTEÓN DE Paris en historia de la arquitectura
 
REPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdf
REPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdfREPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdf
REPORTE-HEMEROGRÁFICO-MARZO-2024-IRAPUATO-¿CÓMO VAMOS?.pdf
 
Posiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdf
Posiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdfPosiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdf
Posiciones_del_sionismo_en_los_imperios globales de la humanidad (2024).pdf
 
REPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdf
REPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdfREPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdf
REPORTE DE INCIDENCIA DELICTIVA MARZO 2024.pdf
 

Atributos HTML img texto encabezados

  • 1. Andrea Lara y Eduardo Ortiz 9 B
  • 2. Atributos de imagen (<img>) en HTML  width="x" Permite al navegador predeterminar el ancho, en pixeles, que tendrá tu imagen.  height="x" Junto con el atributo width, el navegador puede preparar el espacio necesario para tu imagen antes de que se muestre.  border="x" Para añadir o eliminar un borde, donde la x será un valor numérico.  align="xxx" Puedes alinear una imagen horizontal y/o verticalmente en una página usando este atributo.  alt="descripción_de_la_imagen" El atributo alt te permite describir la imagen para los navegadores de sólo texto, así como etiquetar la imagen antes de que se cargue en una página.  hspace="x" horizontal space, se usa para añadir espacio vacío, con un valor numérico, en la coordenada horizontal de una imagen.  vspace="x" vertical space, controla el espacio de la imagen en las coordenadas verticales.
  • 3. Atributos de encabezado en HTML  HTML acepta seis encabezados para definir la estructura jerárquica de los párrafos en un documento:  H1 PRUEBA  H2 PRUEBA  H3 PRUEBA  H4 PRUEBA  H5 PRUEBA  H6 PRUEBA
  • 4. Atributos body en HTML  Es la parte del documento a publicar en el WWW que contiene todo el material a publicar, puede usar los siguientes propiedades o atributos:  BACKGROUND=imagen ←-Imagen para el fondo de la pagina  BGCOLOR=Color ←– Color del fondo de la pagina  TEXT=Color ←- Color del texto dentro de la pagina  LINK=Color ←- Color para las ligas, enlaces o hipervínculos que se encuentren dentro del documento.
  • 5. Párrafo en HTML  HTML considera que los párrafos son bloques de texto.  Los saltos de línea (saltar de una línea a la siguiente) se crean usando la etiqueta <br/>.  La etiqueta <hr> se utiliza para insertar una línea horizontal.
  • 6. Texto en HTML  Para indicar atributos del texto (negrilla, subrayado, etc...) tenemos varias directivas.  Por otro lado la directiva <FONT></FONT> nos permite variar el tamaño, el color, y el tipo de letra de un texto determinado.  size = valorDa al texto un tamaño en puntos determinado.  size = +/- valorDa al texto un tamaño tantas veces superior (+) o inferior (-) como indique el valor.  color = "código de color"Escribe el texto en el color cuyo código se especifica.  face = "nombre de font"Escribe el texto en el tipo de letra especificado. Si este tipo de letra no existe en el ordenador que "lee" la página se usara el Font predeterminado del navegador.
  • 7. Hipervínculo en HTML  Los enlaces o hipervínculos, también llamados hipertextos son los textos o los objetos sobre los que podemos hacer clic para que nos lleven a otra parte del documento, a otra página web en el mismo sitio o a otra página de Internet, entre otras funciones.
  • 8. Tabla en HTML  El atributo width establece el ancho de la tabla, en porcentaje o en píxeles.  El atributo border establece el grosor del borde de la tabla.  El atributo frame establece qué lados del borde exterior de la tabla son visibles.  El atributo rules establece qué lados de los bordes interiores de la tabla son visibles.
  • 9. Bibliografía  http://www.mclibre.org/consultar/amaya/ xhtml/xhtml_tablas_atributos.html#Atributo s  http://www.adrformacion.com/curso/dre amweaver/leccion3/hipervinculos.htm  http://www.programacionfacil.com/html/ body  http://es.kioskea.net/contents/248- encabezados-en-html  http://es.kioskea.net/contents/244- parrafos-en-html