Archivo de la etiqueta: css

CSS y HTML: Documento con tres elementos de distintos colores.


En esta actividad queremos configurar una página web con el aspecto que aparece en la imagen de abajo.

act2p75

Para ello vamos a usar una hoja de estilo CSS, usando un selector de clase, asignando las características especificadas mediante el atributo class en el archivo HTML.

El archivo CSS será el que aparece en la imagen de abajo. Utilizaremos las propiedades color (color del texto), background-color (color de fondo), width (anchura) y height (altura). Es importante que el archivo de estilo tenga la extensión css, incluyendo este fichero en una carpeta con el nombre css.

cssact2p75

El archivo HTML para esta web se puede analizar en la siguiente imagen.

htmlact2p75

No hay que olvidar la última línea con la etiqueta link, para que el archivo HTML rescate la configuración establecida en el archivo CSS

HTML y CSS


El lenguaje HTML consiste en un conjunto de etiquetas predefinidas que el navegador web interpreta a la hora de generar una página para que sea visualizada.

html

Asimismo, el CSS es el lenguaje utilizado para definir el modo de presentación del código HTML de una página web.

En la red podemos encontrar multitud de recursos sobre estos lenguajes. Como material complementario he seleccionado unos sitios que me han parecido interesantes.

css_html

En la página web de Alexander Iribar,  se presenta la información paso a paso y con aplicaciones prácticas. Es un buen sitio para aprender los conceptos fundamentales. Los puntos a trabajar son:

  1. Cómo crear una página web.
  2. Algunos componentes fundamentales.
  3. Información complementaria.
  4. CSS: Cascade style sheet.

Además en estos dos enlaces de la web HTML.net se encuentran alojados unos cursos básicos sobre estos lenguajes:

  1. Tutorial HTML.
  2. Tutorial CSS.