Internet y páginas web

Lenguaje de programación html

gabellan Internet y páginas web

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

Práctica 1

Abre el block de notas, y escribe el código con las etiquetas necesarias que se detalla a continuación. Puedes utilizar el libro ayudándote de los ejemplos de las páginas 15 y 16. Al finalizar, debes guardar el documento acabado en .html (por ejemplo, web1.html):

  • Escribe una cabecera con la etiqueta.
  • Escribe un texto para la página con la etiqueta.
  • Incrusta un color de fondo con la etiqueta.
  • Consigue que el texto de la página se muestre de un color distinto del negro con la etiqueta

Recuerda que después de cada apartado, hay que finalizar volviendo a escribir la etiqueta con una barra separadora, es decir:

Al inicio: ; y al finalizar: .

Guarda el archivo de la forma: nombre_apellido.html en la carpeta de red personal.

Práctica 2

Abre el block de notas y, a partir del block de notas del día anterior, introduce las siguientes etiquetas:

  • Negrita <b>…</b>, cursiva<i>…</i>, subrayado <u>…</u> y tachado <s>…</s>.
  • Letra más grande y letra más pequeña. <big>…</big> y <small>…</small>
  • Etiquetas de encabezado: <h1>, <h2>,…
  • Comienzo y fin de párrafo <p>…</p>, alineación de texto, y nueva línea.
  • Etiqueta <a>, para definir un enlace.
  • etiqueta <img>, para insertar una imagen, incluyendo altura y anchura.