Tecnologías de la Información y la Comunicación
Curso 2014-2015

Sintaxis básica de las páginas Web

HTML (HyperText Markup Language)

  • Las etiquetas se abren y tienen que cerrarse de acuerdo al orden en el que han sido abiertas
  • Las etiquetas están encerradas entre los signos de menor (<) y de mayor (>)
  • La mayoría del marcado se realiza con dos etiquetas, una de apertura y otra de cierre: <etiqueta>... contenido ...</etiqueta>. Existen algunas excepciones a esta regla en las que solo se escribe una etiqueta de la siguiente forma: <etiqueta />
  • Es conveniente que los nombres de las etiquetas y atributos siempre estén escritos en minúsculas
  • El valor de los atributos siempre procuraremos encerrarlos entre dobles comillas

elemento

CSS (Cascading Style Sheets)

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML/HTML5 para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista, formulario, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.

regla css

 

Estructura básica de una página Web HTML5

<!doctype html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Título de la página</title>
    <link rel="stylesheet" href="/estilos.css">
</head>
<body>
    <div id="main">
        ...
        ...
    </div>
</body>
</html>

En Línea...

Hay 4 invitados y ningún miembro en línea

Prácticas...

aulav

Visitas...

Hoy28
Ayer57
Mes1120
TOTAL48309

Miércoles, 18 Octubre 2017