giovedì 26 giugno 2014

[HTML] Stile fisico del font in una pagina web in HTML



Gli stili del font del carattere, si dividono in due gruppi: fisici e logici. Gli stili fisici definiscono lo stile grafico del carattere (corsivo, grassetto, sottolineato, barrato, in apice, in pedice) e non vanno ad intaccare il contenuto della pagina web.

Stili fisici: 
Corsivo
Per avere lo stile corsivo del contenuto della pagina web in html, bisogna inserire il contenuto stesso all'interno del tag <i>

<i>Consigli telematici</i>

Grassetto
Il tag è <b>

<b>Consigli telematici</b>

Sottolineato
Il tag è <u>

<u>Consigli telematici</u>

Barrato
Il tag è <strike>

<strike>Consigli telematici</strike>

In apice
Il tag è <sup>, dove sup sta per superscript. Il comando indica di portare una parte del testo "in alto", come si usa nelle potenze e nelle formule matematiche.
Per scrivere una potenza 53=5x5x5 metteremo il 3 all'interno del tag <sup>
<sup>3</sup>
La stringa per scrivere la potenza, sarà (evidenzio in rosso il tag <sup>):

<P>5<sup>3</sup>=5x5x5</P>

In pedice
Il tag è <sub>, dove sub è il comando che indica pi portare una parte "in basso", come si usa nelle formule chimiche.
Per scrivere H2O metteremo 2 all'interno del tag <sub>:
<sub>2</sub>
La stringa per scrivere la formula chimica sarà:

<P>H<sub>2</sub>0</P>

Ritornando alla prima pagina web creata qua, scelgo uno stile -corsivo in questo caso (per gli altri stili basterà sostituire il tag <i> all'apertura, e alla chiusura </i> e il risultato nel foglio di stile sarà questo (in rosso la stringa del tag <i>):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>webtools</title>
</head>
<body>
<Br><Br><Br>
<P align="center">Il mio sito</P>
<P align="center"><i>Consigli telematici</i></P>
</Br>
</body>
</html>


La visualizzazione della pagina web sarà questa (cliccare sull'immagine):


0 commenti:

Posta un commento