30 Seconds To Mars

Tutorial de HTML - Índice
¿Cómo funciona la Web? En este primer tutorial de toma de contacto hablamos sobre algunos de los aspectos básicos de la Web y presentamos al HTML y a las hojas de estilo.
Introducción
Buscando documentos por la red
¿Qué es el HTML?
Un ejemplo de HTML
Las hojas de estilo
La estructura de un documento HTML. En el segundo tutorial hablamos de la estructura de undocumento HTML. Además creamos nuestro primer documento y nuestra primera hoja de estilo.
Introducción
Elementos y su estructura
Validación y documentos correctos
Elementos en bloque y en línea. Atributos
Creación de un documento HTML
Creación de una hoja de estilo CSS
Identificadores e hipervínculos. En el tercer tutorial hablamos de URIs y URLs, hablamos de URLs http absolutos y relativos ydel elemento A. Además creamos un miniportal como ejemplo de hipervínculos y damos un repaso a los demás esquemas de URLs.
Introducción. Recursos y URIs
URNs y URLs. Esquemas de URLs
URLs genéricos y opacos. El esquema http
URLs absolutos y relativos
Hipervínculos en HTML
Confección de un miniportal de ejemplo
Otros esquemas de URLs
Elementos de HTML. En el cuarto tutorial damos un repasode los elementos que existen en HTML 4.
Introducción
Elementos de estructura
Frases y párrafos
Listas
Tablas
Vínculos
Objetos incluidos
Estilo
Marcos
Formularios
Scripts
Otros elementos
Selectores y atributos de CSS1. En el quinto tutorial hablamos de los selectores de CSS1, del mecanismo de cascada y damos un repaso de los atributos de estilo de CSS1.
La estructura de un documentoHTML... otra vez
Selectores
Elementos en bloque y elementos en línea
Modelo de cuadros CSS para elementos en bloque
Modelo de cuadros CSS para elementos en línea
Propiedades de fuente
Propiedades de color y fondo
Propiedades de texto
Propiedades de cuadro
Propiedades de clasificación
Pseudo-clases y pseudo-elementos
La cascada
Ejemplos
Subiendo el sitio a la Web. En el sexto tutorialvemos cómo subir nuestras páginas a la Web con FTP, hablamos sobre caracteres acentuados y vemos cómo ocultar nuestras reglas de estilo a los navegadores antiguos.
Cómo subir las páginas a la Web
Acentos y símbolos especiales
Ocultar las hojas de estilo a los navegadores antiguos
Posicionamiento CSS. En el séptimo tutorial hablaremos de posicionamiento CSS, el cual nos dará más libertad a lahora de diseñar el aspecto visual de nuestra página web, y cómo afrontar los problemas que encontraremos con las implementaciones actuales de CSS.

Empezando desde cero: ¿Cómo funciona la Web? (I)
- Bien, así que quieres aprender a hacer páginas web, ¿no?
- Pues... sí, básicamente por eso estoy aquí.
- Claro. Supongo también que ya estás familiarizado con la Web. Sabes navegar y todo eso.
- Sí.Sí, claro...
- Claro, si no no estarías aquí. Y, ¿cómo llegaste hasta esta página, si puedo preguntar?
- Ee... pues, ya sabes, llegué desde otra página, pinchando en un enlace...
- ¡Bien! A partir de ahora, quiero que recuerdes una cosa: la Web son documentos enlazados unos con otros. Grabártelo en el coco, ¿lo harás?
- Bueno, si insistes... Pero ¿tan importante es?
- Sí, quiero queconstruyas tus conocimientos en bases sólidas, así que es fundamental que sepas cuál es la esencia de la Web.
- Muy bien, la Web es un montón de documentos enlazados los unos con los otros.
- Estupendo. Por supuesto tiene que haber algún mecanismo que haga eso posible.
- ¿A qué te refieres exactamente con un mecanismo?
- Pues, piensa en todo lo que tiene que suceder cada vez que tú haces algo tanfácil como pinchar un vínculo con el ratón. Cuando haces clic, tu ordenador recibe la orden de buscar el documento que le has pedido. Así que tiene que ir hasta donde esté el documento en cuestión, recogerlo, y mostrártelo en la pantalla.
- Sí, a grandes rasgos eso es lo que sucede.
- Bien. Pongámonos en el lugar del ordenador. Lo primero que necesitamos es saber qué documento tenemos que ir a...