HTML. Taules

En aquesta pràctica aprendràs com fer una taula senzilla en HTML.

Per on comencem? A l’inici d’aquesta pàgina hi ha una explicació de les parts d’una taula. Fes-li una ullada.

Per on seguim? Accedeix a aquesta pàgina i juga amb les activitats exemple: efegeix files, columnes, vores, defeneix estils, etc.

I ara què? Fes un document HTML en el qual aparega la teua organització setmanal. Pot ser l’horari de classe, o pot ser horari de gestió de temps durant COVID-19. Recorda fusionar cel·les horitzontalment o verticalment, així com defineix els diferents colors per a diferents ítems en el full CSS associat. En la imatge inferior es mostra un exemple. En aquest enllaç podeu veure com està codificat.

Elements bàsics HTML

En aquesta pràctica aprendràs un poquet més sobre els elements bàsics de HTML.

Com comencem? En HTML tenim dos grans conceptes:

  1. Etiqueta. Té estructura <nom_etiqueta> contingut .... </nom_etiqueta>. Per exemple <h1> Hola món </h1>. Fixa’t en la diferència de l’etiqueta d’obertura i etiqueta de tancament.
  2. Atribut. Un atribut dóna informació addicional a l’etiqueta i s’especifica sempre en l’etiqueta d’obertura. Té estructura nom_atribut = "valor". Per exemple <a href="https://edutictac.es/sanja/> Enllaç al meu blog</a>. L’etiqueta és <a> (enllaç) i href és l’atribut que especifica quina pàgina web s’ha d’obrir. Completa la informació de l’etiqueta.

Com seguim? Accedeix a la pàgina web i prova els exercicis del bloc Bàsic.

I ara què? Fes una pàgina web senzilla utilitzant tots els elements practicats i puja el fitxer .html a la tasca de l’aula virtual. Fixa’t bé en el resultat.

Sanja Dabic

Aquesta és una xicoteta plana web on intente utilitzar els elements bàsics de HTML.

Enguany m’he fet un blog on estic publicant les pràctiques per al meu alumnat.

Treballe a l’IES JB Porcar.

Enguany done classe als següents grups:

  • 1ESO
  • 2ESO
  • 3ESO
  • 4ESO
  • 2BAT

M’agrada:

  1. Llegir
  2. Practicar esport

Primera pàgina web

En aquesta pràctica tindrem el primer contacte amb HTML

Per on comencem? Mira aquest vídeo que fa una xicoteta explicació sobre llocs web. Contesta aquestes preguntes:

  1. Què és la web?
  2. Quin nom rep la màquina on s’emmagatzema una pàgina web?
  3. Quin nom rep el dispositiu on es visualitza una pàgina web?
  4. Quin programa fa falta per a visualitzar una pàgina web?
  5. Quins llenguatges fa falta utilitzar per a fer pàgines web?

Per on seguim? Llig el contingut d’aquesta pàgina on s’explica què és HTML i l’estructura d’una pàgina HTML. En aquesta pàgina descriu les diferentes formes d’utilitzar editors HTML. Escull la que millor s’adapte a tu.

I ara què? Realitza la teua primera pàgina web i puja el fitxer .html a la tasca de l’aula virtual. Fixa’t bé en el resultat. Es veu correctament? Què has de fer perquè les lletres accentuades es visualitzen correctament?

La meua primera pagina web

HOLA MÓN

Aquesta és la primera pàgina web realitzada per ….. El que més m’ha agradat és …. El que més m’ha costat és…..

"edutictac.es