SlideShare una empresa de 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

Más contenido relacionado

La actualidad más candente (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 a Producto 4

Producto 4 ryan y rodrigo
Producto 4 ryan y rodrigoProducto 4 ryan y rodrigo
Producto 4 ryan y rodrigo
Silentrodri
 
Producto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editadoProducto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editado
Silentrodri
 
Resumen de dreamweaver
Resumen de dreamweaverResumen de dreamweaver
Resumen de dreamweaver
paosinning
 

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

Último

INFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIAL
INFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIALINFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIAL
INFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIAL
MANUELVILELA7
 
Letra de cambio definición y características.ppt
Letra de cambio definición y características.pptLetra de cambio definición y características.ppt
Letra de cambio definición y características.ppt
ssuserbdc329
 
REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024
REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024
REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024
IrapuatoCmovamos
 

Último (20)

INFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIAL
INFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIALINFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIAL
INFORME FINAL ESTADISTICA DESCRIPTIVA E INFERENCIAL
 
Adultos Mayores más de 60 años como de la población total (2024).pdf
Adultos Mayores más de 60 años como  de la población total (2024).pdfAdultos Mayores más de 60 años como  de la población total (2024).pdf
Adultos Mayores más de 60 años como de la población total (2024).pdf
 
AMNIOS Y CORDON UMBILICAL en el 3 embarazo (1).docx
AMNIOS Y CORDON UMBILICAL en el 3 embarazo (1).docxAMNIOS Y CORDON UMBILICAL en el 3 embarazo (1).docx
AMNIOS Y CORDON UMBILICAL en el 3 embarazo (1).docx
 
Perú en el ranking mundial, segun datos mineria
Perú en el ranking mundial, segun datos mineriaPerú en el ranking mundial, segun datos mineria
Perú en el ranking mundial, segun datos mineria
 
P.P ANÁLISIS DE UN TEXTO BÍBLICO. TEMA 10.pptx
P.P ANÁLISIS DE UN TEXTO BÍBLICO. TEMA 10.pptxP.P ANÁLISIS DE UN TEXTO BÍBLICO. TEMA 10.pptx
P.P ANÁLISIS DE UN TEXTO BÍBLICO. TEMA 10.pptx
 
6.3 Hidrologia Geomorfologia Cuenca.pptx
6.3 Hidrologia Geomorfologia Cuenca.pptx6.3 Hidrologia Geomorfologia Cuenca.pptx
6.3 Hidrologia Geomorfologia Cuenca.pptx
 
MARCO TEORICO, SEMINARIO DE INVESTIGACION,
MARCO TEORICO, SEMINARIO DE INVESTIGACION,MARCO TEORICO, SEMINARIO DE INVESTIGACION,
MARCO TEORICO, SEMINARIO DE INVESTIGACION,
 
Análisis del Modo y Efecto de Fallas AMEF.ppt
Análisis del Modo y Efecto de Fallas AMEF.pptAnálisis del Modo y Efecto de Fallas AMEF.ppt
Análisis del Modo y Efecto de Fallas AMEF.ppt
 
diseño de una linea de produccion de jabon liquido.pptx
diseño de una linea de produccion de jabon liquido.pptxdiseño de una linea de produccion de jabon liquido.pptx
diseño de una linea de produccion de jabon liquido.pptx
 
Porcentaje de población blanca europea en Europa Occidental (1923-2024).pdf
Porcentaje de población blanca europea en Europa Occidental (1923-2024).pdfPorcentaje de población blanca europea en Europa Occidental (1923-2024).pdf
Porcentaje de población blanca europea en Europa Occidental (1923-2024).pdf
 
Sistema Nacional de Vigilancia en Salud Pública SIVIGILA
Sistema Nacional de Vigilancia en Salud Pública SIVIGILASistema Nacional de Vigilancia en Salud Pública SIVIGILA
Sistema Nacional de Vigilancia en Salud Pública SIVIGILA
 
02 protocolo en caso de robo o asalto.pdf
02 protocolo en caso de robo o asalto.pdf02 protocolo en caso de robo o asalto.pdf
02 protocolo en caso de robo o asalto.pdf
 
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
 
CUADRO COMPARATIVO DE ARCHIVOS Y CARPETAS.pptx
CUADRO COMPARATIVO DE ARCHIVOS Y CARPETAS.pptxCUADRO COMPARATIVO DE ARCHIVOS Y CARPETAS.pptx
CUADRO COMPARATIVO DE ARCHIVOS Y CARPETAS.pptx
 
Letra de cambio definición y características.ppt
Letra de cambio definición y características.pptLetra de cambio definición y características.ppt
Letra de cambio definición y características.ppt
 
El Manierismo. El Manierismo
El Manierismo.              El ManierismoEl Manierismo.              El Manierismo
El Manierismo. El Manierismo
 
REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024
REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024
REPORTE DE HOMICIDIO DOLOSO IRAPUATO ABRIL 2024
 
EPIDEMIO CANCER PULMON resumen nnn.pptx
EPIDEMIO CANCER PULMON  resumen nnn.pptxEPIDEMIO CANCER PULMON  resumen nnn.pptx
EPIDEMIO CANCER PULMON resumen nnn.pptx
 
variables-estadisticas. Presentación powerpoint
variables-estadisticas. Presentación powerpointvariables-estadisticas. Presentación powerpoint
variables-estadisticas. Presentación powerpoint
 
Alfredo Gabriel Rodriguez Yajure Tarea#1
Alfredo Gabriel Rodriguez Yajure Tarea#1Alfredo Gabriel Rodriguez Yajure Tarea#1
Alfredo Gabriel Rodriguez Yajure Tarea#1
 

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