Pràctica 1: HTML bàsic

Obri la següent web CLICA mira els exemples d'HTML i ves fent els exercicis següents:

Vos pose dos vídeos per que veieu com heu de fer aquesta pràctica mireu-los pense que vos seran d'ajuda.




NOTA: Tots els exercicis es fan al mateix document d'HTML

Exercici 1: Introducció

Per fer el nostre fitxer HTML obri el bloc de notas de windows, basta en clicar botó dret a l'escriptori, si teniu un mac es fa igual, heu de triar l'opció document de text.

Escriu el primer html que et proposem a continuació:

En primer lloc, posa una capçalera on posi el nom que vols posar-li a la teva web la pots fer sobre la temàtica que tu vulguis.

Després el que has de fer és posar a diferents paràgrafs (no feu servir capçaleres)
una introducció sobre el que tractarà la vostra web, aquesta introducció haurà de tenir al manco dos paragrafs.
Una vegada escrit haureu de desar el document, per fer-ho:


  1. Selecciona desar com a html
  2. Desa'l com al teu nom1.html


Per provar si va:


  1. Obri el navegador
  2. Ves a l'opció obrir un arxiu i obris el teu arxiu, si s'obri és que tens ben fet l'exercici.



Exercici 2: Enllaços

Posa una capçalera que posi un títol principal per exemple webs de cotxes de carreres o webs de cuina,...has de tenir en compte que la capçalera principal és la que hem posat al principi,

Fes que apareguin tres enllaços a diferents pàgines web del teu interés relacionats amb el títol que has posat.


Exercici 3: Imatges

Afegeix una imatge d'alguna cosa que vos agradi, amb mida 300x400 píxels

Exercici 4: Botó

Ara modifica els links que havies fet, fes que vagi al link que havies posat però clicant un botó.

Exercici 5: Llistes

Fes una nova capçalera on pose el títol de la llista, fes dues llistes una numerada i una altra amb punts de coses relacionades amb la vostra web. Per exemple top cotxes esportius, que sería numerada i Tipus de cotxes que no seria numerada.