Direccionamiento

El direccionamiento es lo que 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 con otra la barra.

Aprendiendo HTML

El HTML no es un lenguakje de programación , es un lenguaje de etiquetas, de especidicaciones.Sirve para hacer páginas web

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

Comentarios en HTML

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

Van entre estas etiquetas:

Ejemplo:

Etiquetas HTML

Etiqueta HTML

Es la etiqueta de inicio y fin del fichero HTML

Etiqueta Head

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

En la cabecera están:

• Título de la página
• Enlaces a ficheros esternos(css,scripts...)
• Scripts
• Metatags, etiquetas que indican al buscadoro/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.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 su jerarquía(h1,h2,h3...)

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"

En la lista ordenada , delante de los elemntos 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 listas NO ordenadas , ul

En la lista NO ordenada , delante de los elemntos de la lista sale por defecto una viñeta.Si quieres que salga otra viñeta por ejemplo, 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 punto de nuestra página , 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 ,documento que queremos enlazar

A pto , de la pag

Se usa un ancla en el pto de la página a la 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

Ir 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 son obligatorias:

1. Etiqueta Tabla, de inicio y fin de la tabla,Obligatoria
2. Etiqueta TR(table row), de inicio y fin de la fila,Obligatoria
3. Etiqueta Td(tabla data cell), de inicio y fin de la celda.Obligatorio 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 imágen NO tiene etiqueta de cierre pero sin tiene parámetros,varios.Los valores de los parámetros van entre comillas

Lista de parámetros obligatorios:

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