Vés al contingut

Llenguatge html/Estil del text

Llenguatge html


Elements d'estil

[modifica]

Hi 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

[modifica]

Tenim 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

[modifica]

Ara 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>