Come creare titoli, paragrafi, trasferire testo a capo. Testo nel HTML.

Nel HTML testo secondo la specificazioni di questo linguaggio è racchiuso fra i tag per la sua succesiva formattazione e raggruppamento. I Tag sono dei contenitori per il testo e non vengono visualizzati su display del utente.

I tag per la formattazione del testo portano un certo significato e di solito trasmettono al testo racchiuso all'interno del tag uno stile, per esempio, evidenziare il testo in grassetto o  visualizzano questo testo con un font d'una o altra  (proprietà font-family) famiglia.

 

Testo formattato correttamente trasmettere ai motori di ricerca quali paroli portano un significato importante, e su base di questa formattazione posiamo dire al Google per esempio, quali di esso usare per indicizzare la nostra pagina. Tutta l'informazione testuale, visualizzata al utente finale si trova fra i tag <body>.

1. Tag di titoli.

video prevui

Titolo di primo livello

Titolo di secondo livello

Titolo di terzo livello

Titolo di quarto livello

Titolo di quinto livello
Titolo di sesto livello

I titoli sono elementi importanti di una pagina web, che metono in ordine il testo, creando la sua struttura visiva. Tag <h1> ... <h6> deve essere utilizzato solo per evidenziare i titoli della nuova sezione o sottosezione. Quando si utilizzano li titolio è necessario tener conto della loro gerarchia, vale a dire, per i <h1> dovrebbe seguire il <h2>, etc. Inoltre non sono ammessi inserimenti di altri tag al interno dei tag <h1> ... <h6>.

1.1. <H1> tag

E'  il titolo del livello più alto, si consiglia di utilizzare solo una volta sulla pagina e possibilmente dovrebbe contenere una parte  della intestazione della pagina. Tag <h1> deve essere univoco per ogni pagina. Si raccomanda d'usare  questo  tag all'inizio di un articolo, utilizzando una parola chiave nell testo del titolo h1. La dimensione del carattere nel browser è 2em, margine inferiore e superiore da default è di  0.67em

1.2. Il tag <h2>

Con questo tag indichiamo i sottotitoli del tag <h2>. La dimensione dei caratteri nel browser è 1.5em, margine superiore e inferiore è di 0.83em di default..

1.3. <H3> tag

Mostra sottotitoli del tag <h3>. La dimensione del carattere nel browser è di 1.17em, margine superiore e inferiore è di 1em di default.

1.4. Tag <h4>, <h5>, <h6>

Indicare i sottotitoli di quarto, quinto e sesto livello. La dimensione del carattere nel browser è di 1em / 0.83em / 0.67em rispettivamente, margine superiore e inferiore è di 1.33em / 1.67em / 2.33em rispettivamente.

 

2. Tag per la formattazione del testo

2.1. Il tag <b>

Trasforma testo nel grassetto. Evidenzia il testo senza l'accento sulla sua importanza.

2.2. Il tag <em>

Esso trasforma  caratteri in corsivo, aggiungendo un certo  valore al testo.

2.3. Il tag <i>

Esso trasforma il testo nel corsivo.

2.4. <Small> tag

Riduce la dimensione di caratteri per un punto  rispetto al testo normale.

2.5. <Strong> tag

Specifica grassetto nella interpretazione dei font, indicando l'importanza di testo nel browser.

2.6. Il tag <sub>

Vene utilizzato per creare apice . Sposta il testo al di sotto del livello di linea, riducendone la dimensione.

2.7. Il tag <sup>

Utilizzato per creare pedice. Sposta il testo al di sopra del livello di riga, riducendo la sua dimensione.

2.8. Il tag <ins>

Seleziona il testo nella nuova versione del documento, sottolineando esso.
Per tag sono disponibili  i seguenti attributi: cite, datetime.

2.9. Tag <del> 

Cancella con una riga il testo . Vene utilizzato  per evidenziare il testo rimosso dal documento.
Per tag sono disponibili i seguenti attributi:  cite, datetime.

3. Tag per inserimento del “codice "

3.1. tag <Code>

 Serve per evidenziare i frammenti di codice. Visualizza il  testo in caratteri a spaziatura fissa.

3.2. Tag <kbd>

Evidenzia il frammento come testo inserito dalla tastiera dell'utente.

3.3. Tag <samp>

Utilizzato per evidenziare i risultati ottenuti nel corso del programma. Visualizza testo in caratteri a spaziatura fissa.

3.4. Tag <var>

Seleziona i nomi delle variabili, che mostra in corsivo.

3.5. Tag <pre>

Esso consente di visualizzare il testo sullo schermo, mantenendo la formattazione originale. Gli spazi e le interruzioni di riga non vengono eliminati.

 

video prevui

4. Tag per visualizzare citazioni e definizioni.

4.1.Tag <abbr>

E 'utilizzato per la formattazione d'abbreviazioni. Nel browser di solito vene sottolineato da una linea tratteggiata.  Spiegazione d'abbreviazione vene eseguito di solito utilizzando l'attributo title, esso appare quando si passa con il cursore del mouse sul testo.

4.3. Tag <bdo>

Vene utilizzato per cambiare la direzione attuale del testo, vale a dire, che il testo all'interno del tag verrà visualizzato  rispecchiato.
Per il tag è disponibile attributo  dir.

 

4.4. Tag <Blockquote>

Mette in evidenza le citazioni all'interno del documento, evidenziandolo tramite spazi  e interruzioni di linea.
Per il tag è disponibile attributo  cite.

4.5. Tag <q>

Utilizzato per evidenziare citazioni brevi. Nel browser il testo marchiato da questo tag vene inserito fra le virgolette.
Per il tag è disponibile attributo  cite.

4.6.Tag  <Cite>

Utilizzato per evidenziare le citazioni, i nomi di opere, collegamenti ad altri documenti.

4.7. Tag <dfn>

Esso consente di evidenziare il testo come una definizione. Nonostante l'esistenza di un tag speciale, si consiglia di evidenziare il testo in questo caso tramite i  CSS .
Per il tag è disponibile attributo title

5. Creare paragrafi e trasferire a capo il testo

5.1. Tag <p> .

Suddivide il testo  in paragrafi separati, diviso da una riga vuota. Il browser aggiungerà automaticamente lo spazio superiore e inferiore, che è uguale a 1em, allo stesso tempo questi spazzi in verticale fra i  paragrafi circostanti vengono sovrapposti.

5.2. Tag <br>

Mette testo che lo segue a capo automatico alla riga successiva, creando una interruzione di linea.

5.3. Tag <hr>

Si utilizza per la separazione del contenuto di una pagina web. E' visualizzato come una linea orizzontale.

 

Letto 851 volte

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso