SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (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
 

Ähnlich wie Producto 4 (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
 

Kürzlich hochgeladen

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
 
Tipos de Educacion en diferentes partes del mundo.pptx
Tipos de Educacion en diferentes partes del mundo.pptxTipos de Educacion en diferentes partes del mundo.pptx
Tipos de Educacion en diferentes partes del mundo.pptxMiguelPerz4
 
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
 
Los primeros 60 países por IDH en el año (2024).pdf
Los primeros 60 países por IDH en el año (2024).pdfLos primeros 60 países por IDH en el año (2024).pdf
Los primeros 60 países por IDH en el año (2024).pdfJC Díaz Herrera
 
Triptico-del-Bullying qué es, cómo detectarlo, donde acudir
Triptico-del-Bullying qué es, cómo detectarlo, donde acudirTriptico-del-Bullying qué es, cómo detectarlo, donde acudir
Triptico-del-Bullying qué es, cómo detectarlo, donde acudirluis809799
 
COMUNICADO PARA TODO TIPO DE REUNIONES .
COMUNICADO PARA TODO TIPO DE REUNIONES .COMUNICADO PARA TODO TIPO DE REUNIONES .
COMUNICADO PARA TODO TIPO DE REUNIONES .GIANELAKAINACHALLCOJ2
 
Familias_más_ricas_de_AL_en_la_historia.pdf
Familias_más_ricas_de_AL_en_la_historia.pdfFamilias_más_ricas_de_AL_en_la_historia.pdf
Familias_más_ricas_de_AL_en_la_historia.pdfJC Díaz Herrera
 
llllllllllllllllllllllllllllllllllllllllllllllllllllllllll
llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
llllllllllllllllllllllllllllllllllllllllllllllllllllllllllJulietaCarbajalOsis
 
Gestión Logística maria palmira guti cabajal
Gestión Logística maria palmira guti cabajalGestión Logística maria palmira guti cabajal
Gestión Logística maria palmira guti cabajalMarcosAlvarezSalinas
 
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
 
Las mujeres más ricas del mundo (2024).pdf
Las mujeres más ricas del mundo (2024).pdfLas mujeres más ricas del mundo (2024).pdf
Las mujeres más ricas del mundo (2024).pdfJC Díaz Herrera
 
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
 
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
 
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
 
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
 
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
 
Panorama Sociodemográfico de México 2020: GUANAJUATO
Panorama Sociodemográfico de México 2020: GUANAJUATOPanorama Sociodemográfico de México 2020: GUANAJUATO
Panorama Sociodemográfico de México 2020: GUANAJUATOJuan Carlos Fonseca Mata
 
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
 
Cesar Vilchis Vieyra Cesar Vilchis Vieyra
Cesar Vilchis Vieyra  Cesar Vilchis VieyraCesar Vilchis Vieyra  Cesar Vilchis Vieyra
Cesar Vilchis Vieyra Cesar Vilchis Vieyraestudiantes2010
 
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
 

Kürzlich hochgeladen (20)

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
 
Tipos de Educacion en diferentes partes del mundo.pptx
Tipos de Educacion en diferentes partes del mundo.pptxTipos de Educacion en diferentes partes del mundo.pptx
Tipos de Educacion en diferentes partes del mundo.pptx
 
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
 
Los primeros 60 países por IDH en el año (2024).pdf
Los primeros 60 países por IDH en el año (2024).pdfLos primeros 60 países por IDH en el año (2024).pdf
Los primeros 60 países por IDH en el año (2024).pdf
 
Triptico-del-Bullying qué es, cómo detectarlo, donde acudir
Triptico-del-Bullying qué es, cómo detectarlo, donde acudirTriptico-del-Bullying qué es, cómo detectarlo, donde acudir
Triptico-del-Bullying qué es, cómo detectarlo, donde acudir
 
COMUNICADO PARA TODO TIPO DE REUNIONES .
COMUNICADO PARA TODO TIPO DE REUNIONES .COMUNICADO PARA TODO TIPO DE REUNIONES .
COMUNICADO PARA TODO TIPO DE REUNIONES .
 
Familias_más_ricas_de_AL_en_la_historia.pdf
Familias_más_ricas_de_AL_en_la_historia.pdfFamilias_más_ricas_de_AL_en_la_historia.pdf
Familias_más_ricas_de_AL_en_la_historia.pdf
 
llllllllllllllllllllllllllllllllllllllllllllllllllllllllll
llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
llllllllllllllllllllllllllllllllllllllllllllllllllllllllll
 
Gestión Logística maria palmira guti cabajal
Gestión Logística maria palmira guti cabajalGestión Logística maria palmira guti cabajal
Gestión Logística maria palmira guti cabajal
 
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
 
Las mujeres más ricas del mundo (2024).pdf
Las mujeres más ricas del mundo (2024).pdfLas mujeres más ricas del mundo (2024).pdf
Las mujeres más ricas del mundo (2024).pdf
 
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
 
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
 
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
 
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
 
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
 
Panorama Sociodemográfico de México 2020: GUANAJUATO
Panorama Sociodemográfico de México 2020: GUANAJUATOPanorama Sociodemográfico de México 2020: GUANAJUATO
Panorama Sociodemográfico de México 2020: GUANAJUATO
 
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
 
Cesar Vilchis Vieyra Cesar Vilchis Vieyra
Cesar Vilchis Vieyra  Cesar Vilchis VieyraCesar Vilchis Vieyra  Cesar Vilchis Vieyra
Cesar Vilchis Vieyra Cesar Vilchis Vieyra
 
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
 

Producto 4

  • 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