Il DOCTYPE non è tecnicamente un tag ma una dichiarazione che dice al browser quale tipo di file verrà caricato. Questo tag indica al browser il tipo di HTML che verrà caricato.
Nota: la dichiarazione non ha un tag di chiusura e non fa distinzione tra maiuscole e minuscole.
Il tag ….. viene dopo il tag DOCTYPE. Questo tag definisce il documento come una pagina web; ogni altro elemento sarà annidato all’interno. Il tag HTML specifica l’inizio e la fine di un documento HTML.
per un elenco ordinato, solo per citarne alcuni.
La sintassi per il tag
è;
<body> Content </body>
Possono esserci fino a 6 tag di intestazione in un documento HTML. Ciascuno dei tag è rappresentato da un numero che inizia da 1 a 6 come
,
,
,
,
e
.
H1 è il tag di intestazione più grande, mentre H6 è il più piccolo.
In un documento HTML, i tag di intestazione possono essere rappresentati come segue:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
I tag da
a
sono racchiusi all’interno del tag .
Ad esempio, un tag ,
verrà racchiuso come;
<body>
<h1> This is heading 1 >/h1>
</body>
Il
o semplicemente il tag del paragrafo viene utilizzato quando si desidera strutturare il contenuto in un paragrafo. Premendo il pulsante “Invio” in un documento HTML nel tuo editor di codice non creerai un nuovo paragrafo.
Se vuoi più di un paragrafo, devi usare diversi tag
sul tuo documento. I tag di paragrafo devono essere racchiusi all’interno del tag
.
La sintassi per un tag di paragrafo è;
<p> ….some content here….</p>
Se vuoi avere quattro paragrafi, il tuo codice sarà strutturato come;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
Il tag o semplicemente grassetto formatterà qualsiasi contenuto tra l’apertura e la chiusura come grassetto.
Il tag in grassetto può trovarsi tra un’intestazione come H1 o anche all’interno di un tag di paragrafo.
Questi sono esempi di tag in grassetto;
<b> Bold Tag </b>
La frase ‘Bold Tag’ apparirà in grassetto.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
La quinta edizione sarà in grassetto.
Il tag corsivo, indicato con , mette in corsivo il testo all’interno dei tag.
Ad esempio, se abbiamo
<i> These are italics </i>
Le parole “questi sono corsivi” appariranno in corsivo.
Il tag di sottolineatura, o , viene utilizzato quando si desidera sottolineare una determinata parte di testo in un documento HTML.
Ad esempio, se abbiamo;
<u> underline these words </u>
La frase tra i tag sarà sottolineata.
Il tag Center,
, viene utilizzato per centrare il contenuto su un documento HTML.
Ad esempio, se abbiamo un tag h2 scritto come
Centratura del contenuto in HTML
, possiamo centrarlo come segue;
<center>
<h2> Centering Content in HTML </h2>
</center>
Il tag Span, , è un contenitore in linea generico che non viene fornito con uno stile predefinito. Puoi usare il tag span per raggruppare i testi che vuoi modellare.
Puoi estendere tag all’interno di altri tag come intestazioni e paragrafi;
<h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
<p> Learn HTML <span> from experts </span> and be ready for the market </p>
Un tag di divisione, abbreviato in div, è un tag che consente di raggruppare diversi tag in un documento HTML.
A un tag div può essere assegnata una “classe” per aggiungere uno stile esterno utilizzando i CSS.
Ecco come verrà rappresentato un div che racchiude un h1, h2 e un tag di paragrafo.
<div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div>
L’enfasi, o tag , viene utilizzato per enfatizzare determinate parole in un documento HTML.
I contenuti tra i tag appariranno obliqui o in corsivo.
Il contenuto enfatizzato all’interno di un paragrafo può apparire in un editor di codice apparirà come;
<p> The meeting will start at <em> 0800 hrs </em>, please keep time </p>
Il tag o apice consente al testo racchiuso di essere sopra il resto. Un esempio perfetto è quando vuoi elevare al quadrato un numero X e rappresentarlo matematicamente per darti X2
La sintassi per all’interno di un tag di paragrafo sarà;
<H1> Harveys <sup>TM </sup> Company Limited </H1>
Il tag pedice o è l’opposto del tag apice. Il contenuto racchiuso nel tag apparirà sotto la normale riga di testo. Un esempio perfetto è quando si scrive la formula chimica dell’acqua come H20.
La sintassi per il tag pedice sarà;
Remember that H <sub> 2 </sub> 0 is the chemical formula for water
è un tag di chiusura automatica che rappresenta un’interruzione. Tutto il contenuto dopo
inizierà su una nuova riga.
La sintassi per
all’interno di un paragrafo sarà;
<p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p>
e
-
Il tag dell’elenco ordinato o
deve essere utilizzato con un altro tag come
- .
I due possono apparire su un editor di codice come;
<ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol>
Quando viene visualizzato sul browser, i contenuti appariranno numerati.
Potresti voler aggiungere un’immagine per un impatto visivo o anche un logo. Il tag immagine a chiusura automatica, , è utile in questo caso.
La sintassi per il tag immagine sarà;
<img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/>
Il contenuto racchiuso tra virgolette rappresenta l’URL di origine.
Avvolgendo
Esistono oltre 100 tag HTML, ma quelli sopra sono quelli che dovresti conoscere come principiante. L’HTML è supportato nella maggior parte degli editor di codice e hai quindi la certezza che non sbaglierai mai quando inizi a imparare.