SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

What's hot (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
 

Similar to Atributos HTML img texto encabezados

Similar to 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
 

Recently uploaded

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
 
Investigacion cualitativa y cuantitativa....pdf
Investigacion cualitativa y cuantitativa....pdfInvestigacion cualitativa y cuantitativa....pdf
Investigacion cualitativa y cuantitativa....pdfalexanderleonyonange
 
CNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICACNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICAYOSHELINSARAIMAMANIS2
 
PIB PERÚ datos y análisis de los últimos años
PIB PERÚ datos y análisis de los últimos añosPIB PERÚ datos y análisis de los últimos años
PIB PERÚ datos y análisis de los últimos añosEstefaniaRojas54
 
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
 
Novelas Turcas vs Series de EUA en audiencia (2024).pdf
Novelas Turcas vs Series de EUA en audiencia  (2024).pdfNovelas Turcas vs Series de EUA en audiencia  (2024).pdf
Novelas Turcas vs Series de EUA en audiencia (2024).pdfJC Díaz Herrera
 
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
 
presentacion de conjuntos para primaria.ppt
presentacion de conjuntos para primaria.pptpresentacion de conjuntos para primaria.ppt
presentacion de conjuntos para primaria.pptMelina Alama Visitacion
 
Posiciones del IDH a nivel global en México (1982-2024).pdf
Posiciones del IDH a nivel global en México (1982-2024).pdfPosiciones del IDH a nivel global en México (1982-2024).pdf
Posiciones del IDH a nivel global en México (1982-2024).pdfJC Díaz Herrera
 
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
 
Las marcas automotrices con más ventas de vehículos (2024).pdf
Las marcas automotrices con más ventas de vehículos (2024).pdfLas marcas automotrices con más ventas de vehículos (2024).pdf
Las marcas automotrices con más ventas de vehículos (2024).pdfJC Díaz Herrera
 
Industria musical de EUA vs Industria musical Corea del Sur (2024).pdf
Industria musical de EUA vs Industria musical Corea del Sur (2024).pdfIndustria musical de EUA vs Industria musical Corea del Sur (2024).pdf
Industria musical de EUA vs Industria musical Corea del Sur (2024).pdfJC Díaz Herrera
 
INTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptx
INTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptxINTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptx
INTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptxJamesHerberthBacaTel
 
MÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptx
MÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptxMÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptx
MÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptxCristianCastro978067
 
Reservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdf
Reservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdfReservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdf
Reservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdfJC Díaz Herrera
 
Las familias más ricas del sionismo en el siglo XXI.pdf
Las familias más ricas del sionismo en el siglo XXI.pdfLas familias más ricas del sionismo en el siglo XXI.pdf
Las familias más ricas del sionismo en el siglo XXI.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
 
Los idiomas más hablados en el mundo (2024).pdf
Los idiomas más hablados en el mundo  (2024).pdfLos idiomas más hablados en el mundo  (2024).pdf
Los idiomas más hablados en el mundo (2024).pdfJC Díaz Herrera
 
Presentacion-Prevencion-Incendios-Forestales.pdf
Presentacion-Prevencion-Incendios-Forestales.pdfPresentacion-Prevencion-Incendios-Forestales.pdf
Presentacion-Prevencion-Incendios-Forestales.pdfDodiAcuaArstica
 
CALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.pdf
CALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.pdfCALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.pdf
CALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.pdfPOULANDERSONDELGADOA2
 

Recently uploaded (20)

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
 
Investigacion cualitativa y cuantitativa....pdf
Investigacion cualitativa y cuantitativa....pdfInvestigacion cualitativa y cuantitativa....pdf
Investigacion cualitativa y cuantitativa....pdf
 
CNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICACNEB-CURRICULO NACIONAL DE EDUCACION BASICA
CNEB-CURRICULO NACIONAL DE EDUCACION BASICA
 
PIB PERÚ datos y análisis de los últimos años
PIB PERÚ datos y análisis de los últimos añosPIB PERÚ datos y análisis de los últimos años
PIB PERÚ datos y análisis de los últimos años
 
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
 
Novelas Turcas vs Series de EUA en audiencia (2024).pdf
Novelas Turcas vs Series de EUA en audiencia  (2024).pdfNovelas Turcas vs Series de EUA en audiencia  (2024).pdf
Novelas Turcas vs Series de EUA en audiencia (2024).pdf
 
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
 
presentacion de conjuntos para primaria.ppt
presentacion de conjuntos para primaria.pptpresentacion de conjuntos para primaria.ppt
presentacion de conjuntos para primaria.ppt
 
Posiciones del IDH a nivel global en México (1982-2024).pdf
Posiciones del IDH a nivel global en México (1982-2024).pdfPosiciones del IDH a nivel global en México (1982-2024).pdf
Posiciones del IDH a nivel global en México (1982-2024).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
 
Las marcas automotrices con más ventas de vehículos (2024).pdf
Las marcas automotrices con más ventas de vehículos (2024).pdfLas marcas automotrices con más ventas de vehículos (2024).pdf
Las marcas automotrices con más ventas de vehículos (2024).pdf
 
Industria musical de EUA vs Industria musical Corea del Sur (2024).pdf
Industria musical de EUA vs Industria musical Corea del Sur (2024).pdfIndustria musical de EUA vs Industria musical Corea del Sur (2024).pdf
Industria musical de EUA vs Industria musical Corea del Sur (2024).pdf
 
INTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptx
INTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptxINTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptx
INTRODUCCION-A-LOS-ALGORITMOS-BASICOS.pptx
 
MÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptx
MÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptxMÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptx
MÍNIMO COMÚN MÚLTIPLO, MÁXIMO COMÚN DIVISOR.pptx
 
Reservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdf
Reservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdfReservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdf
Reservas de divisas y oro en México en sexenio de AMLO (2018-2024).pdf
 
Las familias más ricas del sionismo en el siglo XXI.pdf
Las familias más ricas del sionismo en el siglo XXI.pdfLas familias más ricas del sionismo en el siglo XXI.pdf
Las familias más ricas del sionismo en el siglo XXI.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
 
Los idiomas más hablados en el mundo (2024).pdf
Los idiomas más hablados en el mundo  (2024).pdfLos idiomas más hablados en el mundo  (2024).pdf
Los idiomas más hablados en el mundo (2024).pdf
 
Presentacion-Prevencion-Incendios-Forestales.pdf
Presentacion-Prevencion-Incendios-Forestales.pdfPresentacion-Prevencion-Incendios-Forestales.pdf
Presentacion-Prevencion-Incendios-Forestales.pdf
 
CALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.pdf
CALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.pdfCALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.pdf
CALENDARIZACIÓN ACTUALIZADA DEL 2024 alt.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