Mai no està de més aprendre coses noves. I el llenguatge HTML, tot i que ara no es fa servir tant com fa uns anys, continua sent un dels principals en la creació de pàgines web. Per això, si ets dissenyador de pàgines, saber com posar negreta, cursiva i subratllat en HTML és una cosa que ha de dominar.
Però, ho saps fer? Si no és així, a continuació et donarem un petit tutorial perquè no tinguis cap problema per fer-ho. Segur que et va bé per refrescar coneixement o aprendre alguna cosa nova. Comencem?
Com posar negreta, cursiva i subratllat en HTML: les etiquetes
El primer que has de saber sobre HTML que t'interessa són les anomenades etiquetes. Són una eina amb la qual et permet crear diferents «tipus» de lletres, com ara cursiva, ratllat, negreta, subratllat… Aprendre aquestes etiquetes et traurà molt de temps.
I és que, amb elles, tens la meitat del coneixement, i l'altra meitat només és la pràctica a l'hora de posar-les.
Veuràs.
Posar negreta a HTML
Imagina que tens un text i vols que es ressalti una paraula. De la frase anterior, volem que es ressalti «text». I per posar negretes uses HTML (perquè és una web).
Així que heu de saber quina és l'etiqueta corresponent a les negretes en HTML. En aquest cas, l'etiqueta és .
Ara bé, no es tracta de posar-la al principi del text i ja està. Tampoc al final. Has de col·locar-la al costat de la paraula o grup de paraules que vols posar en negreta. I sempre l'has de tancar amb l'etiqueta tancada, és a dir, .
Perquè et quedi més clar:
Imagina que tens un text i vols que es ressalti una paraula.
Estaria malament perquè diem a HTML que tota aquesta frase va en negreta. Però també la següent, i la següent, i la següent, pel fet que no hi ha etiqueta de tancament.
Imagina que tens un text i vols que es ressalti una paraula.
En aquest cas és com si la següent paraula o frase que s'escrigui sigui la que es posi en negreta.
Imagina que tens un text i vols que es ressalti una paraula.
També és habitual trobar-lo, però en realitat no serveix per a res. I és que entre aquestes dues etiquetes no hi ha frase ni paraula, i per això s'anul·len sense posar negretes a res.
Imagina que tens un text i vols que es ressalti una paraula.
Aquí estaria «gairebé» bé. I és que a partir de text, tota la resta que s'escrigui sortirà en negreta.
Imagina que tens un text i vols que es ressalti una paraula.
Aquesta seria la manera correcta de col·locar negretes en HTML.
Posar cursiva en HTML
Ja tens dominada la negreta. Així que passem a la cursiva. I novament ens trobem amb el mateix. Hi ha una etiqueta concreta per aconseguir-ho en HTML. Parlem de .
Igual que passa amb la negreta, has de tenir una etiqueta dobertura, que seria i una altra de tancament, en aquest cas .
Usant els mateixos exemples d'abans, et poses casos que no estaran bé i el que sí que ho està.
Imagina que tens un text i vols que es ressalti una paraula.
Estaria malament perquè diem a HTML que tota aquesta frase va en cursiva. Així com la següent i l'altra, i l'altra. Com que no hi ha etiqueta de tancament no sap en quin moment deixar de posar-la.
Imagina que tens un text i vols que es ressalti una paraula.
En aquest cas el que diem a aquest llenguatge és que la paraula o frase següent anirà en cursiva. Però si no posem l'etiqueta de tancament passarà amb l'exemple anterior.
Imagina que tens un text i vols que es ressalti una paraula.
Passa el mateix que amb les negretes. Com que no hi ha res entre aquestes dues etiquetes s'anul·len sense que faci cursiva enlloc. Compte, perquè tindries codi fem que no funciona.
Imagina que tens un text i vols que es ressalti una paraula.
Aquí estaria «gairebé» bé. Posarà en cursiva la paraula text, però en no tenir tancament seguirà amb la cursiva fins que deixis d'escriure.
Imagina que tens un text i vols que es ressalti una paraula.
Aquesta seria la manera correcta de col·locar cursiva en HTML.
Posar subratllat en HTML
Finalment ens queda el subratllat. En aquest cas, l'etiqueta que heu de conèixer és . Tot el que escriguis entre l'obertura i el tancament anirà subratllat (tot i que tu, al codi, no ho puguis veure).
No és recomanable fer-lo servir perquè sovint es confon amb un enllaç, que com saps a les pàgines apareix subratllat i d'un altre color. El que pot fer que molts usuaris vulguin entrar a la pàgina i no puguin (donant mala imatge).
Per això només es reserva per a ocasions esporàdiques.
Aquí us deixem exemples seguint la mateixa frase anterior.
Imagina que tens un text i vols que es ressalti una paraula.
En posar-la al principi de la frase li diem que anirà tota ella en subratllat. Tot i això, si no es col·loca el tancament de l'etiqueta, continuarà subratllant tota la resta que s'escrigui.
Imagina que tens un text i vols que es ressalti una paraula.
Tot i que pot estar col·locat bé per a la següent frase, no aconseguiràs així que es posi subratllada la paraula text perquè no és al lloc correcte.
Imagina que tens un text i vols que es ressalti una paraula.
En aquest cas, aquestes etiquetes així s'anul·len mútuament. I com que no hi ha paraules o frases posades entre elles no subratllaran res.
Imagina que tens un text i vols que es ressalti una paraula.
Gairebé. Poseu subratllada la paraula text. Però també la resta de paraules i frases perquè no té l'etiqueta de tancament.
Imagina que tens un text i vols que es ressalti una paraula.
Aquesta seria la forma correcta de col·locar subratllat en HTML.
T'ha quedat clar com posar negreta, cursiva i subratllat a HTML? Tens alguns dubtes? Deixa'ns-les en comentaris i et donarem un cop de mà.