HTML Testo

Il testo è il re

Non importa quanti effetti fantasia e siti web animazioni possono avere, il primo motore di Internet è e sarà sempre il contenuto del testo. Pertanto, una delle prime cose che dovreste conoscere HTML è come usare correttamente la struttura e presentare le informazioni testuali.

Punti

Lo strumento più semplice HTML offre è l'elemento paragrafo <p>...</p> . Racchiude il testo tra la sua apertura e chiusura tag di default e aggiunge una riga vuota prima e dopo di esso. Ecco un esempio con due punti:

HTML punto

<p>Donec at enim. Nunc ac leo. Proin nec odio. In id odio sed neque varius rutrum. Sed tellus. Vestibulum enim lacus, cursus id, tempus nec, consequat ac, nibh. Nulla facilisi. Donec vestibulum ante. Nulla facilisi.</p>
<p>Nulla quam sem,
pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

Uscita

Le interruzioni di linea

Forse avete notato l'interruzione di riga dopo sem quam Nulla, nel codice del secondo comma di cui sopra e mi chiedevo perché non lo stesso aspetto in l'output della pagina web. HTML ignora le interruzioni di riga e due o più spazi consecutivi. Se si desidera aggiungere una linea di rottura si deve indicare in modo esplicito HTML utilizzando l'interruzione di riga tag <br /> .

<br /> è un auto-tag di chiusura (solo un singolo tag, senza tag di chiusura) e può essere utilizzato praticamente ovunque si desidera aggiungere interruzioni di riga. Usarla poco, anche se, come si impara presto sui modi molto meglio di aggiungere spazio controllato tra i blocchi di testo.

Linea HTML-break

<p>Nulla quam sem,<br />pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

Uscita

Forte e testo enfatizzato

Se si desidera dare un peso supplementare per alcune parti di testo è possibile utilizzare il tag strong <strong> o sottolineare il tag <em> . Semanticamente hanno lo stesso significato di dare più importanza al testo allegato. Tuttavia, i browser tradizionalmente il rendering del testo forte e ha sottolineato in grassetto corsivo.

HTML forte e sottolineare

<p>this is <strong>strong</strong> text<br />
this is <em>emphasized</em> text</p>

Uscita

Perché queste etichette sono destinate a dare più importanza al testo allegato, devono essere utilizzati solo per tale scopo e non solo per dare un aspetto del testo in grassetto o corsivo. Imparerete presto in principianti CSS tutorial di un modo migliore per fare esattamente questo. Ricordate che l'HTML è destinato a essere utilizzato per la struttura e la semantica, mentre CSS è per cambiare lo stile e l'aspetto di un documento.