14/10/2010

Che cos’è un tag HTML?

tag_head.jpgPer scrivere sul web, come su carta, esistono delle regole tipografiche da seguire, ma chi scrive su blog e siti web non sempre le conosce.

Chi scrive su un blog dimentica spesso che sta scrivendo sul web e che gli utenti non trovano i nostri articoli sfogliando una rivista, ma attraverso i motori di ricerca.
Per scrivere sul web è necessario quindi conoscere i tag HTML e le loro funzioni all’interno del codice, affinché gli articoli possano ricevere il giusto valore ed essere indicizzati correttamente dai motori di ricerca.



Che cos’è un tag HTML?
In inglese “tag” significa “etichetta”. Il linguaggio HTML è costituito da una serie di elementi che definiscono precise aree di una pagina web e di un blog.
Esiste un tag per i titoli <h1>, uno per i sottotitoli <h2>,  uno per i paragrafi <p>, uno per i cosidetti elementi di blocco <div> che ci permettono di creare l’header, le barre laterali, il footer, ecc…

Per chi non costruisce siti web, non è certo una richiesta conoscere approfonditamente il linguaggio HTML, anche perché, oramai, le piattaforme web come MyBlog.it riconoscono ed inseriscono in automatico tutti i contenuti nella struttura del blog e all’interno dei post tra i tag corretti. E’ comunque sempre utile riconoscere e sapere quali tag utilizzare nei diversi contesti. Vediamo insieme quelli principali che riguardano le regole tipografiche più frequenti:

  • titoli e sottotitoli: sono sei e sono numerati in ordine decrescente di importanza, dall’h1 fino all’h6; sono compresi tra i tag <h1> e </h1>;
  • paragrafi: devono essere piccoli blocchi di testo, formati da poche frasi, in modo da risultare facilmente leggibili e memorizzabili, sono compresi tra i tag <p> e </p>;
  • liste non ordinate: si usano per elenchi non numerati, sono comprese tra i tag <ul> e  </ul>;
  • liste ordinate: si usano per elenchi numerati, sono comprese tra i tag <ol> e </ol>;
  • l’elemento di lista è uguale per entrambe: è compreso tra i tag: <li> e </li>;
  • a capo: per andare a capo si usa il tag <br />, che non ha un’apertura come gli altri, ma è già chiuso;
  • grassetto: per rendere una parola in grassetto si posiziona tra i tag <strong> e  </strong>;
  • corsivo: per rendere una parola in corsivo si posiziona tra i tag <em> e </em>.



I link solitamente si inseriscono tramite l’editor di testo, ma è sempre utile conoscerne la struttura:

    <a href="indirizzo web" 
title="titolo che rafforza la parola chiave linkata">
parola da linkare</a>

 

Commenti

Mannaggia Signori,mi si presenta un problema che va al di la delle mie capacità di programmazione,ovvero:
Nei post i link non hanno il classico colore azzurrino ma sono neri,alcuni azzurrini al passaggio del mouse diventano neri e una volta cliccati restano neri.
Sono sicurissimo che ho fatto io qualcosa di sbagliato ma non so dove.
Potete aiutarmi.
Nel mio ring"Parliamone" ho messo il banner di Virgilio.lo avete notato?
Confido in Voi.
Grazie.

avatar utente Michele

Scritto il:15/10/2010

Rispondi a questo commento

@Michele: se ci invii il link corretto del tuo Blog possiamo darti un aiuto più preciso. Comunque, puoi modificare i colori dei link dalla sezione "Presentazione > Template" e cliccare sul link "Personalizza modello" che si trova sotto al template che hai associato al tuo Blog: nella finestra che si apre hai la possibilità di associare gruppi di colori al blog. Seleziona quello che ti piace di più e salva le modifiche.
A presto.

avatar utente myblog.it

Scritto il:15/10/2010

Rispondi a questo commento

salve avrei bisognogno di un aiutino ,in pratica visitando blog ho notato che c e una barra di strumenti sul menu in alto in orizzontale dove per esempio c e scritto home,musica, film, archivio che cliccadoci sopra esce tutto cio che ce dentro. Come posso inserire questa barra con i relative categorie e mettere cio che mi piace? ringrazio anticipatamente aspetto vostra risposta

avatar utente francesco

Scritto il:11/11/2010

Rispondi a questo commento

Scrivi un commento

NB: i commenti di questo blog sono moderati.