El lenguaje HTML (1 de 2)

HTML es el lenguaje básico con el que se construyen las páginas web.

Cuando digo básico, no quiero decir fácil, todo depende del grado que profundices en el lenguaje, de si te gusta programar, de si vas a ser informático,a… Con básico quiero decir que HTML es la base de los lenguajes de programación web, y un buen ejemplo para comenzar a programar. Si tienes curiosidad por saber qué opinan otros programadores al respecto, lee el siguiente artículo: ¿Por qué aconsejan aprender HTML?

Aquí tienes una página donde se desarrolla un gran manual para programar en este lenguaje: http://www.webestilo.com/html

Pero como estamos empezando, lee, al menos, los siguientes apartados:

Conceptos básicos: www, navegador, servidor, URL, http…

El lenguaje HTML: las etiquetas.

Estructura básica de una página web.

Primeros pasos: una página web muy sencilla.

El lenguaje HTML (2 de 2)

Existe otro portal donde aprender, no sólo HTML (incluido la versión 5) sino también: CSS, XLM, Javasript, PHP, etc.

http://www.w3schools.com/html/default.asp

La gran ventaja de este portal frente a otros es que cuenta con editor online para que ¡pruebes tus códigos!

Pincha en cualquiera de los enlaces que aparecen al pinchar aquí

Test sobre conocimientos en HTML

Prueba lo que sabes. Se trata de 20 preguntas en inglés:

http://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML

Más colores para nuestras webs

En el siguiente enlace, aunque es un poco antiguo, podréis encontrar muchos códigos para poner el color que queramos en: el fondo de la página, letras, enlaces, colores en bordes o celdas de una tabla, etc. Y el código necesario para hacerlo:

http://www.utexas.edu/learn/html/colors.html

Por otro lado, en esta página hay centenares de colores con nombre propio:

http://dioceseofboac.org/tonz/?p=325

Otro enlace más: http://www.usuarios.sion.com/pauluk/coloreshtml.htm

Html: dar estilos a “enlaces” con código validado

En ocasiones preguntáis cómo cambiar el color azul o el subrayado de un enlace o hipervínculo de una página web.

Para poder ver y copiar el código deberéis:

– en Mozilla Firefox, Ctrl + U, o bien pinchar en el menú Ver, Código fuente de la página.

– en Internet Explorer, menú Ver, Código fuente.

Puede cambiarse el color, si tiene subrayado o no, etc. Podemos especificar distinto formato según el enlace es normal, ha sido visitado o cuando se pasa el cursor por encima. En el ejemplo, se ha cambiado el color azul normal por uno verde, cuando se visita se vuelve naranja, y aparece el subrayado y de color gris cuando el ratón pasa por encima.

Este código ha superado el test de validación del W3C.

estilo_enlace.html

¿Cómo crear enlaces internos en página web?

Haz la siguiente práctica, en ella se explica cómo enlazar dos páginas web que tú hayas creado:

Cómo enlazar nuestras páginas

Los colores en las páginas web

Pincha sobre la imagen para ver la tabla más grande. Estos son algunos de los colores que tienen su propio nombre (primera columna), o puedes utilizar su expresión en hexadecimal (segunda columna), o cualquier combinación de 6 caracteres: dígitos del 0 al 9 y letras de la A a la F. Ejemplo: #56ff0A