Ir a imágenes

Direccionamiento

El direccionamiento es lo que le indica al ordenador donde esta almacenado algo.

Los servidores web suelen ser Unix o Linux y el direccionamiento es el de estos sistemas operativos. En linux se direcciona con la barra del siete y en windows se direcciona con la otra barra

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 solo está el contenido. El formato está en otro fichero, enlazado desde el HTML, de tipo hoja de estilos (.CSS, Cacading Style Sheets).

Etiquetas HTML

Etiqueta HTML

Es la etiqueta de principio y fin del fichero HTML

Etiqueta Head

Es la etiqueta de principio 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 indica 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 pueden haber otras muchas:

Etiqueta p

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

Etiqueta Heading

Son etiquetas de título, 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 por 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 quieres que salga una letra por ejemplo, tienes que cambiarlo en la hoja de estilos

Ejemplo:

1. Primero
2. Segundo
3. Tercero

Etiqueta de lista no ordenada,ul

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

Ejemplo:

• Ballenas
• Pinguinos
• Focas

Hiperenlaces

A páginas web

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

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

el parámetro mas importante es href, que son las señas de la página, sitio o documento que queremos enlazar.

A pto de la página

Se usa un ancla en el punto de la página a la que quiero ir.

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

Tablas

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

1. Etiqueta 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 de fin de la celda.Obligatoria td o th, como mínimo una celda.
4. Etiqueta th(table heading), de inicio y de fin de la celda de cabecera o título.

Ejemplo

Etiqueta de imágenes, img

La etiqueta de imágen no tiene etiqueta de cierre, perio si tiene varios parámetros. Los valores de los parámetros van entre comillas.

Lista de parámetros obligatorios

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