Diseño paginas web

Direccionamiento

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

El linux se pasa de un directorio a otro con la barra /. y se indica el directorio raíz con la barra/.

Ejempos:

Estructura página web

Las páginas empiezan con un dpctype 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. principales etiquetas

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:

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 futbol de Madrid

Etiqueta de lista NO 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 futbol de 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 futbol de Madrid

  1. Atlético de Maddrid
  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 minimo una fila

Etiqueta de celda, table data, td

En las celdas está el contenido

Dentro de una tabla tiene que haber, como minimo una celda

Ejemplo:

Mad/Kg Peso Total
Tomates 9,0 3,0 27,0
Patatas 5,0 4,5 22,5

Etiqueta de imagen, img

Img tiene varios parámetros oligatorios:

Ejemplos:

imagen de una serpiente imagen de un camaleón imagen de un cocodrilo

Etiqueta de hiperenlace, o ancla, a