SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
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

La actualidad más candente

La actualidad más candente (19)

Producto 4
Producto 4 Producto 4
Producto 4
 
Doctypehtml
DoctypehtmlDoctypehtml
Doctypehtml
 
Html
HtmlHtml
Html
 
Estructuras basicas
Estructuras basicasEstructuras basicas
Estructuras basicas
 
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
 
Mapa conceptual genny hernandez
Mapa conceptual genny hernandezMapa conceptual genny hernandez
Mapa conceptual genny hernandez
 
Etiquetas Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de Html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Etiquetas para texto
Etiquetas para textoEtiquetas para texto
Etiquetas para texto
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML.
 
Actividad#2 tercer parcial-informatica
Actividad#2 tercer parcial-informaticaActividad#2 tercer parcial-informatica
Actividad#2 tercer parcial-informatica
 
Exc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñasExc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñas
 
MAPA CONCEPTUAL
MAPA CONCEPTUALMAPA CONCEPTUAL
MAPA CONCEPTUAL
 
Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Comandos html
Comandos htmlComandos html
Comandos html
 
HTML
HTMLHTML
HTML
 

Destacado

Evaluacinymedicin 100118143924-phpapp01
Evaluacinymedicin 100118143924-phpapp01Evaluacinymedicin 100118143924-phpapp01
Evaluacinymedicin 100118143924-phpapp01Margarita Cadena
 
Etiquetas de imagen e hipervínculo
Etiquetas de imagen e hipervínculoEtiquetas de imagen e hipervínculo
Etiquetas de imagen e hipervínculoLucesita Mzm
 
Programación en html 5
Programación en html 5Programación en html 5
Programación en html 5luchopaisa
 
Programación en html 4
Programación en html 4Programación en html 4
Programación en html 4luchopaisa
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTMLJavier
 

Destacado (7)

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

Similar a Etiquetas básicas HTML: atributos de IMG, enlaces, texto, tablas, body y encabezados

Similar a Etiquetas básicas HTML: atributos de IMG, enlaces, texto, tablas, body y encabezados (20)

Producto 4
Producto 4Producto 4
Producto 4
 
Producto 4
Producto 4Producto 4
Producto 4
 
Ppp jjj 1002
Ppp jjj 1002Ppp jjj 1002
Ppp jjj 1002
 
Clase1
Clase1Clase1
Clase1
 
Carpeta y blog
Carpeta y blogCarpeta y blog
Carpeta y blog
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
Tecnologia Web - HTML
Tecnologia Web - HTMLTecnologia Web - HTML
Tecnologia Web - HTML
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Programación avamzada 1
Programación avamzada 1Programación avamzada 1
Programación avamzada 1
 
Tatiana
TatianaTatiana
Tatiana
 
PROGRAMACIÓN AVANZADA TAREA 2
PROGRAMACIÓN AVANZADA TAREA 2PROGRAMACIÓN AVANZADA TAREA 2
PROGRAMACIÓN AVANZADA TAREA 2
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Programación avanzada etiquetas de html
Programación avanzada   etiquetas de htmlProgramación avanzada   etiquetas de html
Programación avanzada etiquetas de html
 
Programación avanzada etiquetas de html
Programación avanzada   etiquetas de htmlProgramación avanzada   etiquetas de html
Programación avanzada etiquetas de html
 
Etquetas de html
Etquetas de htmlEtquetas de html
Etquetas de html
 

Último

12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 

Último (6)

12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 

Etiquetas básicas HTML: atributos de IMG, enlaces, texto, tablas, body y encabezados

  • 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