Ir a imágenes

Direccionamiento

El direccionamiento es lo que le inidca al ordenador donde está almacenado algo.

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

Aprendiendo HTML

El HTML no es un lenguaje de programación, es un lenguaje de etiquetas de especificaciónes. 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)

Los comentarios en HTML

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

Van entre estas dos etiquetas:

Ejemplo:

Etiquetas HTML

Etiqueta HTML

Es la etiqueta de inicio y de fin del fichero HTML

Etiqueta Head

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

En la cabecera ahora 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

Etiquta Body

Es la etiqueta que índica 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

Es la etiqueta del párrafo. Tras 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 dentro de las etiquetas list item, 'li'

Etiqueta en la lista ordenada, ol

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 en la lista NO ordenada, ul

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

Ejemplo:

• Ballenas
• Pinguinos
• Focas

Hiperenlaces

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

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

Ir a imágenes

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

El parámetro mas imprtante es href que son las señas de la página sitio, documento que queremos enlazar

A pto. de la pag

Se usa un ancla e el punto de la página al que quiero ir y una almohadilla detrás del nombre del fichero con el nombre del ancla

Ejemplo: hemos puesto un ancla a imágenes

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

Tablas

Las tablas se hacen con 4 tipos de etiquetas, 3 de las cuales con obligatorias:

1. Etiqueta Table, de inicio y fon 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 la celda. Obligatoria TD o TH, cómo mínimo una celda.
4. Etiqueta TH (table heading), de inicio y fin de la celda de cabecera o título

Ejemplo

Etiqueta de imágenes, img

La etiqueta de imagen NO tiene etiqueta de cierre. Pero si tiene parámetros, varios

Lista de parámetros obligatorios o recomendables

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