IMG
|
top
bottom middle left right |
Not supported in HTML5.
Specifies the alignment of an image according to surrounding elements |
|
|
text
|
Specifies an alternate text for an image
|
|
|
pixels
|
Not supported in HTML5.
Specifies the width of the border around an image |
|
|
crossoriginNew
|
anonymous
use-credentials |
Allow images from third-party sites that allow
cross-origin access to be used with canvas
|
|
pixels
|
Specifies the height of an image
|
|
|
pixels
|
Not supported in HTML5.
Specifies the whitespace on left and right side of an image |
|
|
ismap
|
Specifies an image as a server-side image-map
|
|
|
URL
|
Not supported in HTML5.
Specifies the URL to a document that contains a long description of an image |
|
|
URL
|
Specifies the URL of an image
|
|
|
#mapname
|
Specifies an image as a client-side image-map
|
|
|
pixels
|
Not supported in HTML5.
Specifies the whitespace on top and bottom of an image |
|
|
pixels
|
Specifies the width of an image
|
<img
src="smiley.gif" alt="Smiley face" height="42"
width="42" align=”top”>
MAP y AREA
<map> - indica que existe un
mapa de imágenes y va junto con un tag
<area>
Map tiene que tener un nombre de
mapa “NAME= “
Area tiene los siguientes atributos:
shape= Entre comillas
estableceremos el tipo de área a definir. Puede tratarse de rect (rectangular),
poly (poligonal) o circle (circular).
Coords= Entre comillas indicaremos
los pares de coordenadas de cada punto del área a activar. Estas coordenadas
las podemos averiguar utilizando un programa de edición de imágenes. En las
áreas rectangulares deben especificarse las coordenadas de la esquina superior
izquierda y las de la esquina inferior derecha. En las poligonales
especificaremos las coordenadas de todos los vértices del área. En las
circulares indicaremos las coordenadas del centro del circulo y el valor del
radio.
Href= Como ya sabe, indica la
dirección, entre comillas, de la página web a la que accede si pinchamos en un
área determinada.
Ejemplo:
<html>
<body>
<img
src="planets.gif" width="145" height="126"
alt="Planets" usemap="#planetmap">
<map
name="planetmap">
<area shape="rect"
coords="0,0,82,126" href="sun.htm">
<area shape="circle"
coords="90,58,3" href="mercur.htm">
<area shape="circle"
coords="124,58,8" href="venus.htm">
</map>
</body>
</html>
TABLAS
<table> define la tabla
<table> define la tabla
<tr> divide en filas
<td> divide la fila en datos
<th> da los encabezados de
una columna o fila
uniendo columnas y filas :colspan y rowspan :
<td rowspan = " 3" colspan="3" > Dato dentro de tres columnas y tres filas </td>
Scope para dar encabezados
table>
<tr>
<th scope="col">Columna 1</th>
<th scope="col">Columna 2</th>
<th scope="col">Columna 3</th>
</tr>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
<tr>
<th scope="col">Columna 1</th>
<th scope="col">Columna 2</th>
<th scope="col">Columna 3</th>
</tr>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
Para dar líneas diferentes se puede poner bordes por celdas
o a toda la tabla.
<table border=” 3” style=”border: red 5px solid;” >
<table border=” 3” style=”border: red 5px solid;” >
O en una sola fila
<tr style=”border: green 5px solid;”>
<tr style=”border: green 5px solid;”>
O una sola celda
<tr
style = “ border: green 5px solid;” >
La jerarquia para que los colores se mantengan es celda,fila,table.
Siendo tabla la mas fuerte
No hay comentarios:
Publicar un comentario