CITAZIONE
L'HTML - HyperText Markup Language- è un linguaggio di formattazione che descrive le modalità di impaginazione o visualizzazione grafica (layout) del contenuto, testuale e non, di una pagina web.
Una pagina web è quindi costruita con un linguaggio (
HTML) formato da una serie di parole (
TAGS) che funzionano da istruzioni per il browser (ovvero il nostro programma di navigazione) che, traducendole, ci permette di visualizzare interi siti/blog etc...
TAGS o elementi html
e
Racchiusi da due
parentesi angolari, compongono il
linguaggio html e sono fondamentali per dare "
VITA" ad una pagina web.
Colori, caratteri, dimensioni, tutto è deciso tramite la loro gestione.
I TAGS possiedono a loro volta
ATTRIBUTI che
NE determinano varie caratteristiche :
LISTA COMPLETA DEGLI ATTRIBUTI
CITAZIONE
Gli elementi HTML consistono generalmente di quattro parti:
1 un tag di apertura che definisce l'inizio di un elemento;
2 uno o più attributi di tale elemento con i loro rispettivi valori;
3 il contenuto informativo da visualizzare;
4 un tag di chiusura.
Vediamo alcuni dei piu' importanti
tags :
→ Questo tag
apre e chiude una pagina web
→
LA TESTA che conterrà i
comandi per
personalizzare la pagina
CODICE
<style type="text/css">...</style>
→ I suddetti
comandi di formattazione→
IL CORPO in cui saranno inseriti
tutti i contenuti.
Una pagina web sarà quindi cosi' strutturata
CODICE
<html>
<head>
<style type="text/css">comandi di personalizzazione</style>
</head>
<body>
contenuti
</body>
</html>
TAGS block-level : iniziano di solito su una nuova riga e possono contenere altri tags. I piu' comuni sono
paragrafi, elenchi, tabelle, intestazioni e contenitori :
CODICE
<div> contenitore </div>
CODICE
<blockquote>citazioni</blockquote>
CODICE
<table>tabelle</table>
TAGS Inline: su una stessa riga, possono essere contenuti dai
tags block level, ma possono contenere a loro volta solo
tags inline. I piu' comuni sono :
→
corsivoCODICE
<strong>grassetto</strong>
→
grassettoCODICE
<code>codice</code>
→
codice
TAGS PER ELENCHI CODICE
<ol>elenco ordinato</ol>
CODICE
<ul>elenco non ordinato.</ul>
CODICE
<li>oggetto dell'elenco in liste ordinate o meno</li>
→
Esempio di elenco :
CODICE
<ol>
<li>Primo </li>
<li>Secondo </li>
<li>Terzo </li>
</ol>
- Primo
- Secondo
- Terzo
TAGS PER MODULI CODICE
<form>modulo o format</form>
CODICE
<textarea>riquadro con contenuti</textarea>
→
TAGS DI FORMATTAZIONE→ Ormai sostituito dal css →
CODICE
{font-weight: italic}
→ Ormai sostituito dal css →
CODICE
{font-weight: bold}
CODICE
<u>sottolineato</u>
→ Ormai sostituito dal css →
CODICE
{text-decoration: underline}
→ traccia una
linea di separazione
→ manda il contenuto
a capo
TAG PER COLLEGAMENTO IPERTESTUALE (LINK)CODICE
<a href="URL" ">link</a>
→ questo è un
link