Ir a imagenes

Direccionamiento

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

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

Aprendiendo HTML

El HTML no es un lenguaje de programación, es un lenguaje de etiquetas, d especificaciones. Sirve para hacer paginas web.

Una pagina web es un fichero o archivo escrito en HTML ( Hiper Text Mark-Up Language). En el HTML solo esta el contenido. El formato esta en otro fichero, enlazado desde el HTML, de tipo de hoja de estilos (.CSS, Cascading Style Sheets).

Los comentarios en HTML

Los comentarios en HTML no se ven en la pagina 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 cabezera del fichero HTML

En la cabezera estan:

• Titulo de la pagina
• 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í esta 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

Etiquetas 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 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

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
• Pingüinos
• Focas

Hiperenlaces

A pag.web

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.

El parámetro mas importante es href que son las señas de la páginas, ficha o documentoque queremos enlazar

A pto. de pagina

Se usa un ancla en el pto de la pagina a la que quiero ir. I una # detras del nombre del fichero con el nombre del ancla

Ejemplo, hemos puesto un ancla en imagenes:

Ir a imagenes

A docs, imagenes... ficheros dentro de mi sitio

Tablas

Las tablas se hacen con cuartro tipos dd etiquetas, trews de las cuales son obligatorias:

1. Etiqueta Table, de inicion y fin de la tabla. Obigatoria.
2. Etiqueta TR (table row), de inicio y fin de la fila. Obligatoria.
3. Etiqueta TD (tabla date cell), de inicio y fin de la celda. Obligatoria TD o TH, como minimo de una celda.
4. Etiqueta TH (table heading), de cabecera o titulo

Ejemplo

Etiqueta de imagenes, img

La etiqueta de imagen NO tiene la etiqueta de cierre. Pero si tiene parametros, varios. Loa valores de los parámetros van entre comillas:

Lista de parámetros obligatorios

• Parámetros src, source, fuente: indica donde esta almacenada la imágen
• Parámetro alt, alternante, es el alternativo a la imágen
• Parámetro height, altura, en px
• Parámetro width, ancho, en px