Treballar en un document HTML, en primer lloc, significa treballar amb etiquetes HTML. Heu d’entendre el propòsit de les diverses etiquetes i poder gestionar-les, creant el contingut i el disseny de pàgines necessaris.
És necessari
Un ordinador amb connexió a Internet
Instruccions
Pas 1
Llegiu sobre què tracta el disseny HTML. Com ja sabeu, tots els documents que són pàgines d’Internet tenen el format d’una pàgina HTML amb un llenguatge de marcatge d’hipertext. Tot el contingut d’un document HTML es divideix en àrees específiques. Cada àrea està delimitada per alguna etiqueta. En funció del contingut que s’utilitzarà, s’aplicarà una etiqueta concreta. Les etiquetes estan delimitades i s'utilitzen per dir al navegador com interpretar el contingut de la pàgina.
Pas 2
Obriu qualsevol editor de text per començar a utilitzar HTML. Qualsevol document HTML ha de començar amb una etiqueta html per demostrar que tot el contingut de la pàgina és etiquetatge HTML. Gairebé totes les etiquetes han de tenir una etiqueta final. Per tant, és possible limitar l’abast d’aquesta etiqueta. L'etiqueta de tancament difereix de l'etiqueta d'obertura amb un "/" abans del nom de l'etiqueta. Cada etiqueta té les seves pròpies propietats. Per exemple, si escriviu la frase "Hola, món!", Separant-la amb l'etiqueta b, apareixerà en negreta a la finestra del navegador.
Pas 3
Tingueu en compte l’ús d’etiquetes com h1, h2, h3, h4. Estan destinats a escriure informació de gran format. La mida més gran serà el text inclòs a l’etiqueta h1. La resta d’etiquetes d’aquesta sèrie us permeten formatar text amb una mida més petita. Aquestes etiquetes tenen el nom d'un encapçalament d'un nivell determinat.
Pas 4
Proveu de col·locar etiquetes de manera que pugueu veure l’anidament d’una etiqueta en una altra. Això vol dir que, en formatar un document HTML, és recomanable sagnar dos espais en escriure qualsevol etiqueta imbricada.
Pas 5
Si voleu utilitzar imatges a la vostra pàgina, l'etiqueta serveix per a aquests propòsits
dins del qual es troba informació sobre la ubicació del fitxer d'imatge. L'etiqueta img, com moltes altres etiquetes, pot tenir un conjunt de paràmetres per perfeccionar les característiques d'una imatge. Per exemple, podeu definir les dimensions exactes d’una imatge, fer-la clicable, establir la brillantor, la transparència i altres característiques similars.
Pas 6
Tingueu en compte que la majoria de pàgines HTML no contenen descripcions dels objectes que contenen a les seves etiquetes. Això s'aconsegueix utilitzant fulls d'estil en cascada. Aquesta tecnologia us permet especificar descripcions de totes les etiquetes utilitzades al començament del document dins d’una etiqueta especial independent o en un fitxer independent. Això us permet no només fer que la pàgina HTML sigui més llegible, sinó també crear les vostres pròpies etiquetes, les descripcions de les quals s’emmagatzemen per separat.
