Direccionamiento

El direccionamiento es lo que le indica al ordenador dónde está almacenado algo.

Los servidores web suelen ser unix o linux y el direccionamiento es el de estos sistemas operativos. En linux se direcciona con barras del 7 /, y en windows se direcciona cin la otra\.

Aprendiendo HTML

El HTML no es un lenguaje de programación, es un lenguaje de etiquetas, de especificaciones. Sirve para hacer páginas Web.

Una página Web es un fichero o archivo escrito en HTML(Hiper Text Mark-up Language). En el HTML sólo está el contenido. El formato está en otro fichero, enlazado desde el HTML, de tipo hoja de estilos.(CSS,Cacading Style Sheets).

Comentarios en HTML

Los comentarios en HTML no se ven en la página web, son solo para el diseñador.

Van entre estas etiquetas:

Ejemplos:

Etiquetas HTML

Etiqueta HTML

Es la etiqueta de inicio y fin del fichero HTML.

Etiqueta Head

Es la etiqueta de inicio y fin de la cabecera del fichero HTML.

En la cabecera están:

• Título de la página
• Enlaces a ficheros externos (css, scripts...)
• Scripts
• Metatags, etiquetas que le indican al buscador/navegador datos de la página.

Etiqueta body

Es la etiqueta que indica el inicio de la página propiamente dicha. Aquí está todo el contenido que se ve en el navegador.

Dentro de esta etiqueta puede haber otras muchas:

Etiqueta párrafo,p

Es la etiqueta del párrafo. Trás su etiqueta de cierre hay un punto y aparte.

Etiqueta Heading

Son etiquetas de títulos, van con una h y un número, que indica la jerarquía del título: h1, h2, h3, h4...

No es recomendable saltarse niveles.

Etiqueta de listas ordenadas, ol

Existen dos tipos de listas, las ordenadas y las no ordenadas. En ambos casos empiezan con una etiqueta de lista y dentro tienen los elementos de la lista dentro de las etiquetas list item, 'li'

En la lista ordenada, delante de los elementos de la lista sale por defecto un número. Si quierees que salga una letra,por ejemplo, tienes que cambiarlo en lab hoja de estilos.

Ejemplo:

1. Primero
2. Segundo
3. Tercero

En la lista no ordenada, delante de los elementos de la lista sale una viñeta. Si quierees que salga otra viñeta , tienes que cambiarlo en la hoja de estilos.

Ejemplo:

Etiqueta de listas NO ordenadas, ul

• Ballenas
• Pingüinos
• Focas

Hiperenlaces

A pág.web

Un hiperenlace es un enlace a otra página, a otro punto de nuestra página, a algún documento...

Se hace con la etiqueta a, que es una etiqueta que tiene parámetros.

El parámetro más importante es href, que son las señas de la página, sitio, documeto que queremos enlazar.

A pto de la pág

Se usa un ancla en el punto de la página al que quiero ir. Y una # detrás del nombre del fichero con el nombre de ancla

Ejemplo, hemos puesto un ancla en imágenes:

Ir a Imagenes

A docs, imágenes... ficheros dentro de mi sitio

Tablas

Las tablas se hacen con cuatro tipos de etiquetas, tres de las cuales son obligatorias:

1. Etiquetas Table, de inicio y fin de la tabla.
2. Etiqueta TR (table row), de inicio y fin de la fila. obligatoria.
3. Etiqueta TD (table data cell), de inicio y fin de las celda. obligatorio TD o TH, cómo mínimo una celda.
4. Etiqueta TH (tabla heading), de inicio y fin de la celda de cabecera o título.

Ejemplo:

>Etiqueta de imagenes, img

La etiqueta de imágene NO tiene etiqueta de cierre. Pero si tiene parámetros, varios. Los valores de los parámetros van entre comillas.

Lista de parámetros obligartorios:

• Parámetro src, source, fuente: indica dónde está almacenada la imagen
• Parámetro alt, alternate, es el texto alternativo de la imagen
• Parámetro height, altura, en px
• Parámetro width, ancho, en px