HTML - Tag di base
Tag di intestazione
Qualsiasi documento inizia con un'intestazione. Puoi utilizzare dimensioni diverse per le intestazioni. L'HTML ha anche sei livelli di intestazioni, che utilizzano gli elementi<h1>, <h2>, <h3>, <h4>, <h5>, e <h6>. Durante la visualizzazione di qualsiasi intestazione, il browser aggiunge una riga prima e una riga dopo tale intestazione.
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>Questo produrrà il seguente risultato:
Tag paragrafo
Il <p>tag offre un modo per strutturare il testo in diversi paragrafi. Ogni paragrafo di testo deve essere compreso tra un tag di apertura <p> e un tag di chiusura </p> come mostrato di seguito nell'esempio:
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>Here is a first paragraph of text.</p>
<p>Here is a second paragraph of text.</p>
<p>Here is a third paragraph of text.</p>
</body>
</html>Questo produrrà il seguente risultato:
Tag di interruzione di riga
Ogni volta che usi il file <br />elemento, tutto ciò che lo segue inizia dalla riga successiva. Questo tag è un esempio diempty elemento, in cui non è necessario aprire e chiudere i tag, poiché non c'è nulla da inserire tra di loro.
Il tag <br /> ha uno spazio tra i caratteri bre il taglio in avanti. Se ometti questo spazio, i browser meno recenti avranno problemi a rendere l'interruzione di riga, mentre se perdi il carattere barra e usi solo <br> non è valido in XHTML.
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Line Break Example</title>
</head>
<body>
<p>Hello<br />
You delivered your assignment ontime.<br />
Thanks<br />
Mahnaz</p>
</body>
</html>Questo produrrà il seguente risultato:
Centrare il contenuto
Puoi usare <center> tag per mettere qualsiasi contenuto al centro della pagina o in qualsiasi cella della tabella.
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Centring Content Example</title>
</head>
<body>
<p>This text is not in the center.</p>
<center>
<p>This text is in the center.</p>
</center>
</body>
</html>Questo produrrà il seguente risultato:
Linee orizzontali
Le linee orizzontali vengono utilizzate per suddividere visivamente le sezioni di un documento. Il<hr> tag crea una riga dalla posizione corrente nel documento al margine destro e interrompe la riga di conseguenza.
Ad esempio, potresti voler inserire una riga tra due paragrafi come nell'esempio fornito di seguito:
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
</body>
</html>Questo produrrà il seguente risultato:
Ancora <hr /> tag è un esempio di empty elemento, in cui non è necessario aprire e chiudere i tag, poiché non c'è nulla da inserire tra di loro.
Il <hr /> l'elemento ha uno spazio tra i caratteri hre il taglio in avanti. Se ometti questo spazio, i browser meno recenti avranno problemi a rendere la linea orizzontale, mentre se perdi il carattere barra in avanti e usi semplicemente<hr> non è valido in XHTML
Mantieni formattazione
A volte, vuoi che il tuo testo segua il formato esatto di come è scritto nel documento HTML. In questi casi, puoi utilizzare il tag preformattato<pre>.
Qualsiasi testo tra l'apertura <pre> tag e la chiusura </pre> Il tag preserverà la formattazione del documento di origine.
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre>
function testFunction( strText ){
alert (strText)
}
</pre>
</body>
</html>Questo produrrà il seguente risultato:
Prova a utilizzare lo stesso codice senza tenerlo all'interno <pre>...</pre> tag
Spazi unificatori
Supponi di voler usare la frase "12 Angry Men". In questo caso, non vorresti che un browser divida "12, Arrabbiato" e "Uomini" su due righe:
An example of this technique appears in the movie "12 Angry Men."Nei casi in cui non si desidera che il browser client interrompa il testo, è necessario utilizzare un'entità spazio unificatore invece di uno spazio normale. Ad esempio, quando codifichi i "12 uomini arrabbiati" in un paragrafo, dovresti usare qualcosa di simile al seguente codice:
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Nonbreaking Spaces Example</title>
</head>
<body>
<p>An example of this technique appears in the movie "12 Angry Men."</p>
</body>
</html>Questo produrrà il seguente risultato: