Diseño de páginas web

Direccionamiento

Direccionar es indicar el sitio concreto en el que se almacena un elemento en el pc/servidor/sitio web

En linux se pasa de un directorio a otro con la barra /. Y se indica el directorio raiz con la barra /.

Ejemplo:

Esructura de la página web

Las páginas empiezan con un doctype que indica el lenguaje en el que estan hechas (html).

A continuación la etiqueta HTML.

Dentro del HTML dos partes: head y body.

Lenguaje HTML

El lenguaje html usa etiquetas para especificar lo que se ve en la página web

HTML

Etiqueta inicio/fin página

Head

Etiqueta inicio/fin cabecera página

body

Etiqueta inicio/fin cuerpo página

Etiquetas de título

Van con una h y un número, que indica su jerarquía

Ejemplo:

Ejemplos de título de jerarquía 4

Etiqueta de lista NO ordenada, ul

Es una lista de viñetas o imagenes. Empieza y acaba con ul y dentro tiene list items, elementos, entre etiquetas li

Ejemplo:

Equipos de fútbol de Madrid

Etiqueta de lista ordenada, ol

Es una lista de viñetas o imagenes. Empieza y acaba con ol y dentro tiene list items, elementos, entre etiquetas li

Ejemplo:

Equipos de fútbol de Madrid

  1. Atlético de Madrid
  2. Real Madrid
  3. Rayo Vallecano

Etiqueta de Tabla,table

Dentro de la tabla están las filas, y dentro de las filas las celdas.

Etiqueta de fila, table row,tr

Dentro de una tabla tiene que haber, como mínimo una fila

Ejemplo:

El Huerto de Nizar

Dh/kg Peso Total
Tomates 9,0 3,0 27,0
Patatas 5,0 4,5 22,5

Eriqueta de imagen, img

Img no tiene etiqueta de cierre, Img tiene varios parámetros obligatorios:

Ejemplos:

Imagen de un Dragón de Komodo Imagen de una serpiente Imagen de un camaleón

Etiqueta de hiperenlace, o ancla, a

Hoja de estilos

Ejemplo estilos de texto

El dragón de Komodo (Varanus komodoensis), también llamado monstruo de Komodo y varano de Komodo, es una especie de saurópsido de la familia de los varánidos, endémico de algunas islas de Indonesia central.2. Es el lagarto de mayor tamaño del mundo, con una longitud media de dos a tres metros y un peso de unos 70 kg.3. A consecuencia de su tamaño, son los superpredadores de los ecosistemas en los que viven.4. A pesar de que estos lagartos se alimentan principalmente de carroña, también cazan y tienden emboscadas a sus presas, que incluyen invertebrados, aves y mamíferos.

El dragón de Komodo (Varanus komodoensis), también llamado monstruo de Komodo y varano de Komodo, es una especie de saurópsido de la familia de los varánidos, endémico de algunas islas de Indonesia central.2. Es el lagarto de mayor tamaño del mundo, con una longitud media de dos a tres metros y un peso de unos 70 kg.3. A consecuencia de su tamaño, son los superpredadores de los ecosistemas en los que viven.4. A pesar de que estos lagartos se alimentan principalmente de carroña, también cazan y tienden emboscadas a sus presas, que incluyen invertebrados, aves y mamíferos.

El dragón de Komodo (Varanus komodoensis), también llamado monstruo de Komodo y varano de Komodo, es una especie de saurópsido de la familia de los varánidos, endémico de algunas islas de Indonesia central.2. Es el lagarto de mayor tamaño del mundo, con una longitud media de dos a tres metros y un peso de unos 70 kg.3. A consecuencia de su tamaño, son los superpredadores de los ecosistemas en los que viven.4. A pesar de que estos lagartos se alimentan principalmente de carroña, también cazan y tienden emboscadas a sus presas, que incluyen invertebrados, aves y mamíferos.

El dragón de Komodo (Varanus komodoensis), también llamado monstruo de Komodo y varano de Komodo, es una especie de saurópsido de la familia de los varánidos, endémico de algunas islas de Indonesia central.2. Es el lagarto de mayor tamaño del mundo, con una longitud media de dos a tres metros y un peso de unos 70 kg.3. A consecuencia de su tamaño, son los superpredadores de los ecosistemas en los que viven.4. A pesar de que estos lagartos se alimentan principalmente de carroña, también cazan y tienden emboscadas a sus presas, que incluyen invertebrados, aves y mamíferos.