desde una imagen H1 es el título de mayor jerarquía.
Las etiquetas de titulo son una h y un numero, que indica la jerarquía. Tienen etiqueta de inicio y de fin
Es de mal estilo no segur la jerarquia d títulos
los parrafos van con la etiqueta p de inicio y fin
El texto preformateado es un texto que va a aparecer tal cual lo escribes
este texto
esta
escrito
en
varias
lineas
con
parrafo
este texto esta escrito en varias lineas con parrafo
las listan tienen etiqueta de lista de inicio y fin y, entre medias los elementos de la lista o list items (li)
son listas con viñetas o imagenesla etiqueta de inicio y fin es ul (unordered list)
Los elementos de la lista no ordenada van entre etiquetas li
las listas se pueden concatenar
son listas con números o letras etiqueta de inicio y fin es ol (ordered list)
Los elementos de la lista no ordenada van entre etiquetas li
las listas se pueden concatenar
son listas con números o letras etiqueta de inicio y fin es ol (ordered list)
Los elementos de la lista no ordenada van entre etiquetas li
las imagenes solo tienen etiqueta de inicio img pero siempre llevan parametrops hay varios parametros onbligatoprios
los enlaces usan la etiqueta a tienen etiqueta de inicio y fin y siempre enlazan desde algun sitio, una palabra, una imagen...
se enlaza a una url o a una direccion relativa en tu sitio web por defecto los enlaces se muestran en azulón y subrallado
Voy a enlazar la pagina de Google desde una pàlabra
Voy a enlazar la pagina de desde una imagen
Voy a enlazar la pagina de Porche 911 desde una palabra
se trata de hacer hiperenlaces en partes de una imagen. Previamente hay que hacer el mapa de imagenes, hacer formas subre la imagen que es desde donde se va a hacer los hiperenlaces
la etiqueta para los mapas de imagenes es map, hay etiqueta de principio y de fin. Tiene un atributo que es name, dentro entre las etiquetas de inicio y fin de map estableces las areas de donde vas a enlazar con la etiqueta area. Tiene atributos parecidos a la imagen e hiperenlaces. El atributo mas importante en shape, que indica la forma tambien hay que especificar la s coordenadas. Y los atributos alt y href
existe tambien un atruibuto para indicar que en una imagen quiero usar un mapa de imagenes. es el atributo usemap se usa con el nombre del mapa dentro de la etiqueta imagen img:usemap=#NombreMapa
con un hiperenlace podemos enviar un correo. La diferencia esta en que en el href podemos mailto:
contacto
las tablas tienen 3 tipos de etiquetas obligatorias
las tablas se dibujan por filas y solo puede haber contenidod entrod e las celdas
todas las filas tienen que tener un numero de celdas, pero se pueden convinar celdas de filas y de columnas.
| A1 | B1 | C1 |
| A2 | B2 | C2 |
Por defecto las tablas se dibujan sin bordes. Para que salgan bordes lo tienes que poner en la hoja de estilos. Vamos a crear una clase, tabla1, en la hoja de estilos (las clases empiezan con un punto), y se nombrann como un parámetro de table en la página web.
Al igual que en excel o calc, se pueden unir varias celdas en una. Podemos unir varias celdas de una misma fila (fácil), o, unir varias celdas de la misma columna (mas difícil y más fácil equivocarse. Hay que eliminar las celdas que sobran.
La unión de celdas se hace con un parámetro dentro de la etiqueta de celda, TD.
El parámetro colspan indica que hay varias celdas unidas en una fila, lo que implica que una celda engloba varias columnas. Por ej. colspan=2 indica que hay dos celdas unidas. Vamos a probar con nuestra tabla.
| A1 | C1 | |
| A2 | B2 | C2 |
Vamos a probar englobando las tres primeras celdas:
| A1 | ||
| A2 | B2 | C2 |
El parámetro rowspan indica que hay varias celdas unidas en una columna, lo que implica que una celda engloba varias filas. Por ej. rowspan=2 indica que hay dos celdas unidas. Vamos a probar con nuestra tabla.
| A1 | B1 | C1 |
| B2 | C2 |
Ahora haced una tabla de 4 columnas y 6 filas. Las 4 celdas de la primera fila tienen que estar unidas. Y las celdas segunda a sexta de la primera columna tienen que estar unidas.
| A1 | |||
| A2 | B2 | C2 | D2 |
| B3 | C3 | D3 | |
| B4 | C4 | D4 | |
| B5 | C5 | D5 | |
| B6 | C6 | D6 | |