Tag Principali

Alcuni tag semplici e non strutturati possono essere usati in qualsiasi punto del testo:

Il testo racchiuso e' un commento e non viene reso dal browser.

 ...  - grassetto

 ...  - corsivo

<s> ... </s> - strikethrough, con una linea che taglia orizzontalmente ogni lettera

<tt> ... </tt> - typewriter, con font monospaziato

<center> ... </center> - il testo e' centrato

<big> ... </big> - usa un punto corpo piu' grosso

 ...  - usa un punto corpo piu' piccolo

 ...  - pedice

 ...  - apice

 ...  - racchiude un paragrafo; in pratica il tag di chiusura si puo' non usare. Attributi:

align=tipo - allineamento del paragrafo, con 'tipo' che puo' essere left (default), center o right

  - break, spezza la linea corrente e vai a capo. Attributi:

clear=margine - scende finche il margine desiderato e' libero, con margine che puo' essere left, right o all

<hr> - horizontal rule, tarccia una linea orizzontale. Attributi sono:

align=tipo - allineamento, left, right o center (default)
noshade - non rende la linea in modo tridimensionale
size=pixels - imposta la grossezza della linea a un certo numero di pixel
width=valore - imposta la lunghezza della linea, come numero di pixel o come percentuale della larghezza di pagina

Esempio

Il seguente testo:

<!-- Questo e' un commento 
-->
Questo testo e' <b>grassetto</b> <i>corsivo</i> 
<s>tagliato</s>
e <tt>monospaziato</tt>
<p>
<center>
Questo e' centrato.
</center>
<p>
Qui vi sono parole <big>piu' grosse</big> e
parole <small>piu' piccole</small>
<p>
L'acqua ha il simbolo H<sub>2</sub>O.
<p>
Einstein diceva: <tt>E = mc<sup>2</sup></tt>
<p>
Questo e' un lungo e barboso paragrafo che sta soltanto cercando
di dimostrare il funzionamento di un tag di HTML e che e' allineato
in modo normale (a sinistra).
<p align=center>
Questo e' un lungo e barboso paragrafo che sta soltanto cercando
di dimostrare il funzionamento di un tag di HTML e che e' allineato
al centro.
<p align=right>
Questo e' un lungo e barboso paragrafo che sta soltanto cercando
di dimostrare il funzionamento di un tag di HTML e che e' allineato
a destra.
<p>
Questo e' un lungo e barboso paragrafo che
<br>
e' spezzato volutamente a questo punto e
<br>
anche a questo, ma sta soltanto cercando di dimostrare il funzionamento di
alcuni tag HTML.
<p>
Queste sono alcune linee orizzontali:
<p>
<hr>
<hr noshade size=10 width=50% align=left>
<hr size=5 width=50>

viene reso nel seguente modo:

Questo testo e' grassetto, corsivo, ~~tagliato~~ e monospaziato.

Questo e' centrato.

Qui vi sono parole piu' grosse e parole piu' piccole.

L'acqua ha il simbolo H₂O.

Einstein diceva: E = mc².

Questo e' un lungo e barboso paragrafo che sta soltanto cercando di dimostrare il funzionamento di un tag di HTML e che e' allineato in modo normale (a sinistra).

Questo e' un lungo e barboso paragrafo che sta soltanto cercando di dimostrare il funzionamento di un tag di HTML e che e' allineato al centro.

Questo e' un lungo e barboso paragrafo che sta soltanto cercando di dimostrare il funzionamento di un tag di HTML e che e' allineato a destra.

Questo e' un lungo e barboso paragrafo che
e' spezzato volutamente a questo punto e
anche a questo, ma sta soltanto cercando di dimostrare il funzionamento di alcuni tag HTML.

Queste sono alcune linee orizzontali:

Tag di Direttiva

Sono i tag che indicano l'intenzione dello scrivente, non il formato tipografico esatto da ragiungere:

<address> ... </address> - indirizzo, commento esplicativo

<blockquote> ... </blockquote> - citazione a blocco

<cite> ... </cite> - citazione

<code> ... </code> - codice sorgente di un programma

<kbd> ... </kbd> - keyboard, indica input da tastiera

<pre> ... </pre> - preformatted, il testo e' preformattato e non deve essere riallineato. Vengono comunque interpretati i tag all'interno del testo. Attributi:

width=n - cerca di dimensionare il testo in modo che n caratteri siano visibili nella finestra

<samp> ... </samp> - sample, denota un esempio

 ...  - da enfasi al testo

<var> ... </var> - il testo e' il nome di una variabile

Esempio

Il seguente testo:

<address>
Questo e' nel formato address.
<address>
<p>
<blockquote>
Questo e' un paragrafo piuttosto lungo che serve solamente
allo scopo di illustrare il funzionamento del tag HTMl di
blockquote e percio' non ha altro significato che quello
di esempio didattico.
</blockquote>
<p>
<cite>
Questo e' un paragrafo piuttosto lungo che serve solamente
allo scopo di illustrare il funzionamento del tag HTMl di
cite e percio' non ha altro significato che quello
di esempio didattico.
</cite>
<p>
Questo e' un programma in Linguaggio C reso con quote e con
un bold inserito:
<p>
<code>
<b>main</b>
<br>
{
<br>
        printf("Ciao Mondo");
<br>
}
</code>
<p>
Questo indica input da tastiera:
<p>
<kbd> ls xif
<br>
xif: not found
</kbd>
<p>
Questo testo e' preformattato:
<p>
<pre>
<b>main<b>
{
        printf("Ciao Mondo");
}
</pre>
<p>
<sample>
Questo e' testo reso con sample.
</sample>
<p>
Alle parole seguenti si da' <strong>molta enfasi</strong>
<p>
Le <var>variabili</var> non lo 
fanno e le <var>costanti</var>
non lo sono.
<address>
(845<sup>a</sup> legge di Murphy)
</address>
<p>

Viene reso come:

Questo e' nel formato address.

Questo e' un paragrafo piuttosto lungo che serve solamente allo scopo di illustrare il funzionamento del tag HTMl di blockquote e percio' non ha altro significato che quello di esempio didattico.

Questo e' un paragrafo piuttosto lungo che serve solamente allo scopo di illustrare il funzionamento del tag HTMl di cite e percio' non ha altro significato che quello di esempio didattico.

Questo e' un programma in Linguaggio C reso con quote e con un bold inserito:

main() { printf("Ciao Mondo"); }

Questo indica input da tastiera:

$ ls xif xif: not found

Questo testo e' preformattato:

main()
{
        printf("Ciao Mondo");
}

Questo e' testo reso con sample.

Alle parole seguenti si da' molta enfasi.

Le variabili non lo fanno e le costanti non lo sono.

(845^a legge di Murphy)