Producto 4

Etiquetas de HTML y sus
atributos
Daniela Rivera y Dafne Duran

imagen
A la etiqueta <IMG> se le pueden añadir varios atributos para
controlar la manera en que un navegador administra una
imagen. Estos atributos son los siguientes:
width="x" Permite al navegador predeterminar el ancho, en pixles, 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.

Encabezado
Puede que queramos empezar nuestra web o nuestro texto con un
encabezado indicando el título del artículo, categoría, etc. Pues bien, para
escribir encabezados disponemos de las etiquetas <h>.
Esta etiqueta viene acompañada de un número, desde el 1 hasta el 6,
predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el
encabezado más grande mientras que <h6> sería el más pequeño.
A continuación mostramos un código ejemplo de los seis diferentes
encabezados:

Ejemplo
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title>Ejemplo del uso de encabezados - aprenderaprogramar.com</title>
 </head>
 <body>
 <h1>Texto muy grande</h1>
 <h2>Texto grande</h2>
 <h3>Texto algo más grande de lo normal</h3>
 <h4>Texto normal</h4>
 <h5>Texto pequeño</h5>
 <h6>Texto muy pequeño</h6>
 </body>
 </html>

Párrafo
ATRIBUTO USO OBSERVACIONES
align
Especifica la alineación
del texto dentro del
párrafo.
left --> Alineación del
texto a la izquierda
right --> Alineación del
texto a la derecha
center --> Alineación
del texto centrada
justify --> Alineación
del texto justificada
Atributo obsoleto (deprecated) en su
uso en la
forma <palign=”center”>Texto<p>. En
lugar de esta sintaxis, usar CSS como
se muestra a continuación.
Ejemplo de uso correcto empleando
técnica CSS:
<p style="text-align: center;">Texto
centrado</p>

Tabla
(table)
Atributos de <table>
 El atributo width
 El atributo border
 El atributo frame
 El atributo rules
 El atributo cellspacing
 El atributo cellpadding

(Tabla) El atributo width
 El atributo width
 El atributo width establece el ancho de la tabla, en
porcentaje o en píxeles. En el siguiente ejemplo, al modificar
el tamaño de la ventana del navegador, se puede observar
cómo se modifica el tamaño de la primera tabla mientras que
la segunda permanece fija.

Body
 tributos de <tbody>, <thead> y <tfoot>
 El atributo valign
 El atributo valign establece la alineación vertical en todas las
celdas del <tbody>. Los valores posibles
son top (arriba), middle (centrado), bottom (abajo)
y baseline(línea base).
 Si el atributo valign no está definido, los navegadores
centran verticalmente el contenido.

Texto
Para indicar atributos del texto (negrilla, subrayado, etc...) tenemos varias
directivas. Algunas de ellas no son reconocidas por determinados visores de
Internet, es por ello que según el visor que este vd. utilizando, verá el
resultado correctamente o no.
Atributo Directiva Ejemplo Resultado
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

Hipervínculo
 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.

Bibliografía
 http://www.mclibre.org/consultar/amaya/xhtml/xhtml_tablas_atribu
tos.html#Atributos1
 http://www.lcc.uma.es/~eat/services/html-js/manual5.html
 http://www.aprenderaprogramar.com/index.php?option=com_cont
ent&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


Producto 4

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Destacado

Destacado (7)

Similar a Producto 4

Similar a Producto 4 (20)

Último

Último (20)

Producto 4