Llenguatge html/Estil del text
Llenguatge html |
Elements d'estil
modificaHi ha els següents:
- B: Anomenat bold, significa negreta, les seves etiquetes són <b> i </b>.
- I: Anomenat italic, significa cursiva, les seves etiquetes són <i> i </i>.
- U: Anomenat underline, significa subratllat, les seves etiquetes són <u> i </u>.
- TT: Els caràcters apareixen a major separació entre ells, les seves etiquetes són <tt> i </tt>.
- S: Significa ratllat, les seves etiquetes són <s> i </s>
- Big: Significa gran, les lletres apareixen amb un major tamany, les seves etiquetes són <big> i </big>.
- Small: Significa petit, disminueix la mida de les lletres, les seves etiquetes són <small> i </small>.
- Font: Aquest element no té funció per si sol,les seves etiquetes són <span> i </span>. Hem d'aplicar-li algun del atributs següents:
- Size: Determina la mida de les lletres, va de l'1 (més petit) al 7 (més gran), les seves etiquetes: <span style="font-size:x-small;"> i </span>.
- Face: Determina l'estil de lletra que utilitzem, Arial, Comic Sans, Times New Rodman, Tunga, etc., les seves etiquetes són <span style="font-family:arial;"> i </span>.
- Color: Permet seleccionar el color de les lletres. Els valors poden ser de dos tipus:
- Noms: Poden ser els noms de colors amb anglès: red, green, blue, yellow, white, silver, fuchsia, etc. amb les etiquetes. <span style="color:red;"> i </span>.
- Codis: Permeten fer molts més colors, però és díficil poder conèixer-l's pel codi: <span style="color:#FFFF00;"> i </span>; això, per exemple això és el groc.
- Center.
- Spane: Representa el fons del text, necessita els elements per servir:
- Style: Ens permet canviar el color s'hi escribim: style="background-color: color a la primera etiqueta; quedaría així: <span style="background-color: red">El nostre text</span>.
Cites
modificaTenim diferents elements per fer cites:
- Blockquote: Significa cita en bloc, és la més recomanada amb cites llargues. Les seves etiquetes són: <blockquote> i </blockquote>
- Q: Significa cita, s'utilitza per a cites curtes, les seves etiquetes són <q> i </q>
- Cite: Per anomenar l'autor de la cita, les seves etiquetes són <cite> i </cite>.
Resultat
modificaAra ja som capaços de crear textos com aquest:
<html> <head> <title>Els millors passatemps d'internet</title> </head> <body> <H1><u>Els millors passatemps d'internet</u></h1> <H3><tt>Aquí trobareu els millors passatemps d'internet en català</tt></h3> <p><span style="background-color: black; font-family:Arial; color:white;"><b>Aquí</b> hi posarem <i>sudokus</i>, sopes de lletres, laberints, etc.</span></p> <blockquote> <p>Pàgina web feta per als <cite>Viquillibres</cite>.</p> </blockquote> </body> </html>