P4 ETIQUETAS BASICAS: ATRIBUTOS 
Alumnas: 
Mariana Rubio 
Itai Valdes
IMAGEN <IMG> 
Atributo 
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.
HIPERVINCULO 
Atributo 
HIPERVÍNCULOS O ENLACES EN HTML. ETIQUETA <A>. 
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.
TEXTO 
Negrita 
<B></B> 
<B> Texto de prueba </B> 
Texto de prueba 
Cursiva 
<I></I> 
<I> Texto de prueba </I> 
Texto de prueba 
Teletype 
<TT></TT> 
<TT> Texto de prueba </TT> 
Texto de prueba 
Subrayado 
<U></U> 
<U> Texto de prueba </U> 
Texto de prueba 
Tachado 
<S></S> 
<S> Texto de prueba </S> 
Texto de prueba 
Parpadeo 
<BLINK></BLINK> 
<BLINK> Texto de prueba</BLINK> 
Texto de prueba 
Superindice 
<SUP></SUP> 
<SUP> Texto de prueba</SUP> 
Texto de prueba 
Subindice 
<SUB></SUB> 
<SUB> Texto de prueba</SUB> 
Texto de prueba 
Centrado 
<CENTER></CENTER> 
<CENTER> Texto de prueba</CENTER> 
Texto de prueba
TABLA 
Atributo 
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. 
El atributo cellspacing establece la separación entre celdas y entre las celdas y el borde (como si fuera un margin de los <td>).
BODY 
Atributo 
background="ruta_imagen": que define una imagen de fondo para la página web, y en donde "ruta_imagen" es la ruta en la que se encuentra la imagen de fondo, pudiendo estar referida a la estructura relativa local de carpetas. 
bgcolor="color": que establece un color de fondo para la página, y en donde "color" puede venir expresado mediante el nombre web inglés estándar o mediante el código hexadecimal del color (Ver capítulo sobre el color en la web).
ENCABEZADO 
Atributo 
ENCABEZADOS <h1>…<h6>, PÁRRAFOS <p> Y ETIQUETA <pre> EN HTML. 
Continuamos viendo una serie de etiquetas y atributos básicos para la creación de páginas webs. No entraremos a describir una a una todas las etiquetas y atributos de que HTML dispone. Simplemente explicaremos las que han venido siendo más utilizadas.
PARRAFO 
Atributo 
class 
nombre de la clase 
•Asigna un nombre de clase. El atributo class actúa: 
id 
nombre 
•Asigna un nombre a un elemento. El atributo id actúa: 
style 
estilo 
Este atributo especifica información de estilo para el elemento actual. 
title 
nombre 
Este atributo ofrece información consultiva sobre el elemento para el cual se establece. 
dir 
ltr o rtl 
•Especifica la dirección del texto. 
lang 
código de lenguaje 
•Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento.
BIBLIOGRAFIA 
Fwww.aprenderaprogramar.com/index.php?option=com_content&view=article&id=508:hipervinculos-links-o-enlaces- html-etiqueta-a-atributos-href-target-y-title-tipos-de-links- img-cu00717b&catid=69:tutorial-basico-programador-web- html-desde-cero&Itemid=192 
http://www.mclibre.org/consultar/amaya/xhtml/xhtml_tablas_atributos.html#Atributos

Más contenido relacionado

PPTX
explorando power point
PPTX
PPTX
Producto 4
PPTX
Etiquetas básicas de HTML
PDF
Mi presentacion
PPTX
Presentacion de etiquetas
PPT
ETIQUETAS HTML ANIMADAS
explorando power point
Producto 4
Etiquetas básicas de HTML
Mi presentacion
Presentacion de etiquetas
ETIQUETAS HTML ANIMADAS

La actualidad más candente (19)

PPTX
Producto 4
DOCX
Doctypehtml
DOCX
Estructuras basicas
PDF
Las etiquetas más utilizadas en html
PPTX
Mapa conceptual genny hernandez
DOCX
Etiquetas Basicas de Html
DOCX
Etiquetas html
PPSX
Etiquetas básicas en html
DOCX
Etiquetas html
PDF
Etiquetas de html
PPTX
Etiquetas para texto
DOCX
Comando básicos HTML.
DOCX
Actividad#2 tercer parcial-informatica
PPTX
Exc2 inf a-alonsodueñas
PPTX
MAPA CONCEPTUAL
DOCX
Guía rápida de comandos html
DOCX
Comandos html
PPTX
HTML
Producto 4
Doctypehtml
Estructuras basicas
Las etiquetas más utilizadas en html
Mapa conceptual genny hernandez
Etiquetas Basicas de Html
Etiquetas html
Etiquetas básicas en html
Etiquetas html
Etiquetas de html
Etiquetas para texto
Comando básicos HTML.
Actividad#2 tercer parcial-informatica
Exc2 inf a-alonsodueñas
MAPA CONCEPTUAL
Guía rápida de comandos html
Comandos html
HTML
Publicidad

Destacado (7)

PPT
Evaluacinymedicin 100118143924-phpapp01
PPTX
DISEÑO DE PAGINAS WEB- 30/08/2014
PPT
Etiquetas de imagen e hipervínculo
PPSX
Programación en html 5
PPSX
Programación en html 4
PDF
Introducción HTML
PPT
Diseño de páginas Web con HTML
Evaluacinymedicin 100118143924-phpapp01
DISEÑO DE PAGINAS WEB- 30/08/2014
Etiquetas de imagen e hipervínculo
Programación en html 5
Programación en html 4
Introducción HTML
Diseño de páginas Web con HTML
Publicidad

Similar a P4 etiquetas basicas (20)

PDF
Etiquetas basicas producto 10
DOCX
Producto 4 jorge robles y miguel a.
PPTX
Producto 4
PPTX
Producto 4 etiquetas basicas joon lee
PPTX
Producto 4 etiquetas de texto editado
PPTX
Producto 4 FR
PDF
Etiquetas html
PPTX
Producto 4 ryan y rodrigo
PPTX
Producto 4 etiquetas de html
PPTX
Producto 4 ryan y rodrigo
PPTX
Producto 4
DOCX
Elianyyyyy
DOCX
Elianyyyyy
DOCX
HTML
PPT
PPTX
Listado de etiquetas y atributos html
PPTX
Presentación HTML
DOCX
Ruiz guerra HTML
DOCX
Etiquetas básicas de html
DOCX
Etiquetas html
Etiquetas basicas producto 10
Producto 4 jorge robles y miguel a.
Producto 4
Producto 4 etiquetas basicas joon lee
Producto 4 etiquetas de texto editado
Producto 4 FR
Etiquetas html
Producto 4 ryan y rodrigo
Producto 4 etiquetas de html
Producto 4 ryan y rodrigo
Producto 4
Elianyyyyy
Elianyyyyy
HTML
Listado de etiquetas y atributos html
Presentación HTML
Ruiz guerra HTML
Etiquetas básicas de html
Etiquetas html

Último (20)

PDF
Mi_muerte_misterios_de_un_homicidio_numero_2.pdfjdjbd
PPTX
PARTE DE UNA PC _ SEIRY.pptx.........................
PPTX
NACIONALIDAD Y CIUDADANIA (1).pptxggggfffddd
PDF
StreamSync Panel - Paneles Profesionales para la Gestión de Streaming.pdf
PPTX
Informática e inteligencia artificial (2).pptx
PPTX
4.1.1%20MEDIDAS%20DE%20CONTROL_r1PVC.pptx
PDF
AWS CloudOpS training español (Operaciones en la nube)
PPTX
Charla 3 - La gestión de servicios de TI.pptx
PPTX
Blue Pink Minimalist Modern Digital Evolution Computer Presentation.pptx
PDF
aguntenlos femboysssssssssssssssssssssssssssssss
PDF
ARCHIVOS empleados en el explorador de archivos
PDF
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
PDF
EL-USO-DE-LAS-TIC-EN-LA-VIDA-COTIDIANA.pdf
PPTX
Taller_Herramientas_Digitales_para_la_Gestión_Laboral_Eficiente_SUPERSERVICI...
DOCX
TRABAJO DE ESTRATEGIA MAXIMILIANO ELIZARRARAS.docx
PPTX
CREADA PARA VIVIR EN COMUNION 27 de marzo.pptx
PDF
Trabajo Estrategia de Mejoramiento-samuel solarte.pdf
PDF
MU_Gestion_Internacional_Edificacion_Construccion_MBA.pdf
PDF
EL BRANDBOOK MUNDUS DE PERFUMERIA NICHO
PPTX
jajajajajajajajajajjajajajajjajajajahdegdhwgfedhgfdhdfe
Mi_muerte_misterios_de_un_homicidio_numero_2.pdfjdjbd
PARTE DE UNA PC _ SEIRY.pptx.........................
NACIONALIDAD Y CIUDADANIA (1).pptxggggfffddd
StreamSync Panel - Paneles Profesionales para la Gestión de Streaming.pdf
Informática e inteligencia artificial (2).pptx
4.1.1%20MEDIDAS%20DE%20CONTROL_r1PVC.pptx
AWS CloudOpS training español (Operaciones en la nube)
Charla 3 - La gestión de servicios de TI.pptx
Blue Pink Minimalist Modern Digital Evolution Computer Presentation.pptx
aguntenlos femboysssssssssssssssssssssssssssssss
ARCHIVOS empleados en el explorador de archivos
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
EL-USO-DE-LAS-TIC-EN-LA-VIDA-COTIDIANA.pdf
Taller_Herramientas_Digitales_para_la_Gestión_Laboral_Eficiente_SUPERSERVICI...
TRABAJO DE ESTRATEGIA MAXIMILIANO ELIZARRARAS.docx
CREADA PARA VIVIR EN COMUNION 27 de marzo.pptx
Trabajo Estrategia de Mejoramiento-samuel solarte.pdf
MU_Gestion_Internacional_Edificacion_Construccion_MBA.pdf
EL BRANDBOOK MUNDUS DE PERFUMERIA NICHO
jajajajajajajajajajjajajajajjajajajahdegdhwgfedhgfdhdfe

P4 etiquetas basicas

  • 1. P4 ETIQUETAS BASICAS: ATRIBUTOS Alumnas: Mariana Rubio Itai Valdes
  • 2. IMAGEN <IMG> Atributo 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. HIPERVINCULO Atributo HIPERVÍNCULOS O ENLACES EN HTML. ETIQUETA <A>. 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.
  • 4. TEXTO Negrita <B></B> <B> Texto de prueba </B> Texto de prueba Cursiva <I></I> <I> Texto de prueba </I> Texto de prueba Teletype <TT></TT> <TT> Texto de prueba </TT> Texto de prueba Subrayado <U></U> <U> Texto de prueba </U> Texto de prueba Tachado <S></S> <S> Texto de prueba </S> Texto de prueba Parpadeo <BLINK></BLINK> <BLINK> Texto de prueba</BLINK> Texto de prueba Superindice <SUP></SUP> <SUP> Texto de prueba</SUP> Texto de prueba Subindice <SUB></SUB> <SUB> Texto de prueba</SUB> Texto de prueba Centrado <CENTER></CENTER> <CENTER> Texto de prueba</CENTER> Texto de prueba
  • 5. TABLA Atributo 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. El atributo cellspacing establece la separación entre celdas y entre las celdas y el borde (como si fuera un margin de los <td>).
  • 6. BODY Atributo background="ruta_imagen": que define una imagen de fondo para la página web, y en donde "ruta_imagen" es la ruta en la que se encuentra la imagen de fondo, pudiendo estar referida a la estructura relativa local de carpetas. bgcolor="color": que establece un color de fondo para la página, y en donde "color" puede venir expresado mediante el nombre web inglés estándar o mediante el código hexadecimal del color (Ver capítulo sobre el color en la web).
  • 7. ENCABEZADO Atributo ENCABEZADOS <h1>…<h6>, PÁRRAFOS <p> Y ETIQUETA <pre> EN HTML. Continuamos viendo una serie de etiquetas y atributos básicos para la creación de páginas webs. No entraremos a describir una a una todas las etiquetas y atributos de que HTML dispone. Simplemente explicaremos las que han venido siendo más utilizadas.
  • 8. PARRAFO Atributo class nombre de la clase •Asigna un nombre de clase. El atributo class actúa: id nombre •Asigna un nombre a un elemento. El atributo id actúa: style estilo Este atributo especifica información de estilo para el elemento actual. title nombre Este atributo ofrece información consultiva sobre el elemento para el cual se establece. dir ltr o rtl •Especifica la dirección del texto. lang código de lenguaje •Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento.
  • 9. BIBLIOGRAFIA Fwww.aprenderaprogramar.com/index.php?option=com_content&view=article&id=508:hipervinculos-links-o-enlaces- html-etiqueta-a-atributos-href-target-y-title-tipos-de-links- img-cu00717b&catid=69:tutorial-basico-programador-web- html-desde-cero&Itemid=192 http://www.mclibre.org/consultar/amaya/xhtml/xhtml_tablas_atributos.html#Atributos