Costruire un sito in HTML

Guida Topmanga

Come inserire un testo



Per costruire un sito web è necessario imparare ad utilizzare correttamente un testo. In questa breve sezione vedremo come mettere un testo nella pagina in html e vediamo le caratteristiche principali. Il codice html del testo deve essere messo tra i tag <BODY></BODY> . (Ritorna indetro per vedere il codice dell' intera struttura e come si crea una pagina html da zero).

Prima si usava il tag FONT ma siccome questo non è più supportato, per formattare in modo particolare un testo, bisogna ricorrere al CSS.

Il tag che si usa per andare a capo invece sempre valido ed è <br>. Quindi, se io scrivo nel blocconote:


 ciao <br> questa è una prova per costruire un sito.

Quello che verrà visualizzato nella pagina sarà:

Ciao,
questa è una prova per costruire un sito
Il <br> inserisce una interruzione di linea.
Questo è uno tag che non deve essere aperto e poi chiuso.

Ora vediamo come usare dei tag utili per il testo: scrivere in grassetto, corsivo, sottolineato, cancellato: <u>, <i>,<b><del>

<u>ci permette di scrivere sottolineato</u>
<i>ci permette di scrivere in corsivo</i>
<b>ci permette di scrivere in grassetto</b>
<del>ci permette di cancellare un testo</del>

Questi tag vanno aperti e chiusi. Possiamo usarne uno alla volta o più tag insieme, (non si possono usare insieme per ovvi motivi, il tag per sottolineare e per cancellare).

COLORE DEL TESTO

Vediamo ora come dare un colore al testo per realizzare delle pagine web accattivanti. Bisogna racchiudere il testo che si vuole colorare, nel tag SPAN. Di per sè, il solo tag SPAN non produce alcuna modifica visibile nel testo ma possiamo imporre uno stile con il CSS.
Ecco il codice html, il colore può essere espresso con il nome del colore in inglese o con il numero esadecimale preceduto dal cancelletto #. Esempio:

<span style="color:blue"> qui scrivi il testo </span>

oppure
<span style="color:#ffff45"> qui scrivi il testo </span>

Il risultato visualizzato nella tua pagina web sarà:

qui scrivi il testo
Qui puoi trovare i nomi in inglese e i codici esadecimali dei colori

Andiamo avanti per capire come modificare tipo e dimensione del testo: