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 raíz con la barra /.

Ejemplos:

Estructura de la página web

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

A continuación la etiqueta HTML.

Dentro del HTML dos partes: head y body.

Lenguaje HTML

Lenguaje HTML usa etiquetas para especificar lo que se ve en la página web. Principales etiquetas:

HTML

Etiquetas inicio/fin página

Head

Etiquetas inicio/fin cabecera página

Body

Etiquetas inicio/fin cuerpo página

Etiquetas de título

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

Ejemplo:

Ejemplo de título de jerarquía 4

Etiqueta de lista no ordenada, ul:

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

Ejemplo:

Equipos de fútbol del Madrid

Etiqueta de lista ordenada, ol:

Es una lista de números o letras. Empieza y acaba con ol y dentro tiene list items, elementos, entre etiquetas li

Ejemplo:

Equipos de fútbol del Madrid:

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

Etiqueta de Tabla, table

Dentro de las tablas 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

Etiqueta de celda, table data, td

En las celdas está el contenido

Dentro de una fila tiene que haber como mínimo una celda

Ejemplo:

El Huerto de Ines

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

Etiqueta de imágen, img

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

Ejemplos:

imagen de una serpiente imagen de un camaleon imagen de una lagartija

Etiqueta de hiperenlace, o ancla, a

Hoja de estilo

ej de estilos de textos

Los camaleones (Chamaeleonidae) son una familia, de pequeños saurópsidos (reptiles) escamosos. Existen cerca de 161 especies de camaleones, la mayor parte de ellas en África al sur del Sáhara. Enco especial con los verdaderos camaleones. Son famosos por su habilidad de cambiar de color según las circunstancias, por su lengua rápida y alargada, y por sus ojos, América se llama a menudo camaleones a lagartos de la familia de los anoles, que no guardan ningún parentesque pueden ser movidos independientemente el uno del otro.

Los camaleones (Chamaeleonidae) son una familia, de pequeños saurópsidos (reptiles) escamosos. Existen cerca de 161 especies de camaleones, la mayor parte de ellas en África al sur del Sáhara. Enco especial con los verdaderos camaleones. Son famosos por su habilidad de cambiar de color según las circunstancias, por su lengua rápida y alargada, y por sus ojos, América se llama a menudo camaleones a lagartos de la familia de los anoles, que no guardan ningún parentesque pueden ser movidos independientemente el uno del otro.

Los camaleones (Chamaeleonidae) son una familia, de pequeños saurópsidos (reptiles) escamosos. Existen cerca de 161 especies de camaleones, la mayor parte de ellas en África al sur del Sáhara. Enco especial con los verdaderos camaleones. Son famosos por su habilidad de cambiar de color según las circunstancias, por su lengua rápida y alargada, y por sus ojos, América se llama a menudo camaleones a lagartos de la familia de los anoles, que no guardan ningún parentesque pueden ser movidos independientemente el uno del otro.

Los camaleones (Chamaeleonidae) son una familia, de pequeños saurópsidos (reptiles) escamosos. Existen cerca de 161 especies de camaleones, la mayor parte de ellas en África al sur del Sáhara. Enco especial con los verdaderos camaleones. Son famosos por su habilidad de cambiar de color según las circunstancias, por su lengua rápida y alargada, y por sus ojos, América se llama a menudo camaleones a lagartos de la familia de los anoles, que no guardan ningún parentesque pueden ser movidos independientemente el uno del otro.