HTML: Creeu la vostra web des d'una plantilla

Perfecte. Ja sabeu el suficient per a crear la vostra pàgina web. Trieu un tema que us agrade (música, esports, moda, cinema...) i modifiqueu la plantilla web que podeu baixar de l'aula virtual.

Fixeu-vos que la plantilla usa CSS per a donar-li un aspecte millor a la pàgina, però no us preocupeu d'això ara, ja n'aprendrem més endavant.

HTML: inserir contingut d'altres pàgines web

MARCS
Un marc (frame) permet inserir una altra pàgina web dins de la nostra pàgina web. Per exemple:

Exemples de llocs que podem inserir en les nostres pàgines web:

• Vídeos de youtube.
• Mapes de Google maps
• Prediccions de la l'AEMET
• Symbaloo

HTML: llistes. Àudio i vídeo.

LLISTES ORDENADES I NO ORDENADES
En HTML5 disposem de dos tipus de llistes: les ordenades i les no ordenades. Per a crear les ordenades usem <ol> </ol> i per a les no ordenades <ul> </ul>. Cada item es marca amb <li> </li>. Per exemple:

HTML: ressaltat, imatges i enllaços interns

Ressaltat del text
Tenim l'etiqueta <b> per a la negreta i la <i> per a la cursiva.

<b> Este text està ressaltat amb negreta <i> i este amb negreta i cursiva </i> </b>

HTML: paràgrafs, títols i enllaços URL

Els espais i l'Intro
HTML considera més d'un espai en blanc i l'Intro com un espai en blanc. Si volem inserir espais addicionals usarem &nbsp i per a un intro <br/>

HTML: estructura d'una pàgina web amb HTML5

En l'activitat anterior hem aprés que l'objectiu d'un navegador es connectar-se a un servidor web mitjançant el protocol http i descarregar-se un arxiu .html. A continuació, el navegador obrir este arxiu, interpreta el seu contingut i com a resultat tenim la visualització de la pàgina web. En els següent activitats, aprendrem sobre com és el contingut d'un arxiu .html i dels llenguatges de marques HTML i CSS, que són el conjunt d'instruccions amb què es creen totes les pàgines web.

Estrucura bàsica d'una pàgina HTML5

Etiquetes que definixen l'estructura d'una pàgina web