Lezione 3 – Basi
Non preoccupatevi se questi esempi utilizzano i tag che non hai imparato.
Imparerete su di loro nei prossimi capitoli.
Documenti HTML
Tutti i documenti HTML devono iniziare con una dichiarazione del tipo di documento: <!DOCTYPE html>
.
Il documento HTML si inizia con <html>
e finisce con </html>
.
La parte visibile del documento HTML è compresa tra <body>
e </body>
.
Esempio
<!DOCTYPE html>
<html>
<body><h1>My First Heading</h1>
<p>My first paragraph.</p></body>
</html>
HTML intestazioni
Intestazioni HTML sono definite con il <h1>
per <h6>
tag.
<h1>
definisce la voce più importante. <h6>
definisce la voce meno importante:
Esempio
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
I paragrafi HTML
Paragrafi HTML sono definite con il <p>
tag:
Esempio
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Link HTML
Link HTML vengono definite con il <a>
tag:
Esempio
<a href=”https://www.w3schools.com”>This is a link</a>
La destinazione del collegamento è specificato nel href
attributo.
Gli attributi sono utilizzati per fornire ulteriori informazioni su elementi HTML.
Potrete saperne di più su attributi in un capitolo successivo.
Immagini HTML
Immagini HTML sono definiti con il <img>
tag.
Il file di origine ( src
), testo alternativo ( alt
), width
e height
sono forniti come attributi:
Esempio
<img src=”w3schools.jpg” alt=”W3Schools.com” width=”104″ height=”142″>
Pulsanti HTML
Pulsanti HTML sono definiti con il <button>
tag:
Esempio
<button>Click me</button>
elenchi HTML
Elenchi HTML sono definiti con il <ul>
(lista non ordinata / proiettile), o il <ol>
tag (ordinato / elenco numerato), seguito dal <li>
tag (voci di elenco):
Esempio
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>