DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 3: Etiquetas avanzadas Jose Miguel Vidagany Igual.

Presentación del tema: "DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 3: Etiquetas avanzadas Jose Miguel Vidagany Igual."— Transcripción de la presentación:

1 DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 3: Etiquetas avanzadas Jose Miguel Vidagany Igual

2 HEAD Title of the document The content of the document......

3 Link (HEAD)  Sirve para establecer la relación entre varios elementos

4 BASE  Indica la url base de la página web

5 Meta  Define palabras clave:  Define una descripcion de tu página web:  Indica el autor:  Actualiza la página cada 30 SEGUNDOS:

6 Meta (codificación)  HTML4  HTML5

7 Body  La etiqueta Body es el cuerpo de la página web, y será donde pondremos todas las etiquetas que den formato (apariencia y estructura) a nuestra página web.

8 Imagenes 

9 Imágenes (mapa)  http://www.valenciacf.com/ver/1002/precios-y- venta-online.html http://www.valenciacf.com/ver/1002/precios-y- venta-online.html

10 Tablas row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2

11 Tablas (etiquetas) TagDescription Defines a table Defines a header cell in a table Defines a row in a table Defines a cell in a table Defines a table caption Specifies a group of one or more columns in a table for formatting <col Specifies column properties for each column within a element Groups the header content in a table Groups the body content in a table Groups the footer content in a table

12 Colgroup ISBN Title Price 3476896 My first HTML $53

13 Listas  Normales Coffee Milk  Ordenadas Coffee Milk  Definicion

14 Anidación de listas Coffee Tea Black tea Green tea China Africa Milk

15 Bloques  DIV (bloque) This is a heading This is a paragraph.  SPAN (Inline) My mother has blue eyes.

16 Examen!  http://www.virtualnauta.com/html-examen http://www.virtualnauta.com/html-examen