HTML5 & CSS3

Primera pàgina

<!DOCTYPE HTML>
<html lang="ca">
<head>
<meta charset="UTF-8">
<!-- laprimera.html -->
<title>La meva primera pàgina!</title>
</head>

<body>

<h1>La meva primera pàgina!</h1>

<p>
Aquesta és la primera pàgina que he fet, i estic molt orgullosa d&apos;ella.
És tan bonica!
</p>

</body>
</html>

Elements de la pàgina:

  • <!DOCTYPE HTML>: capçalera que indica que es tracta d'un document HTML5.
  • <html lang="ca">: node arrel amb un atribut per a la llengua.
  • <head></head>: capçalera del document on hi ha definicions, NO part visual.
  • <meta charset="UTF-8">: tipus de codificació de la pàgina.
  • <!--/-->: comentari.
  • <title></title>: títol de la pàgina que apareix a la barra del navegador.
  • <body></body>: el contingut de la pàgina.
  • <h1></h1>: etiqueta de títol, mida màxima. Hi ha h2, h3...
  • <p></p>: etiqueta de paràgraf.

Caràcters especials: <, >,",' i & es representen com &lt; &gt; &quot; &apos; &amp;

Validació

Les pàgines HTML es poden validar online en aquesta adreça:

L'objectiu és que no hi hagi ni errors ni avisos.

Introducció a HTML

Estructura d'una web

  • Seccions d'un document
  • HTML de l'estructura
  • Planificació d'una web

Descarrega els arxius de referència.

Introducció a Flexbox.

CSS avançat

HTML Cheat sheet

CSS Cheat sheet