</img>
HTML descrive la struttura della pagina e il significato del contenuto. I dettagli di presentazione, invece, vanno affidati al CSS.
Per il riferimento completo ai tag puoi usare anche w3schools/tags.
La lingua del documento si indica con lang; la versione del browser viene aiutata dal tipo di documento e dal charset.
<!doctype html> <html lang="it"> <head> <meta charset="utf-8"> <title>Titolo della pagina</title> </head> <body> <h1>Titolo principale</h1> <p>Contenuto della pagina.</p> </body> </html>
In sintesi: head contiene informazioni sul documento, mentre body contiene cio` che si vede nella pagina.
Esempio grassetto: <b>google</b> <strong>google</strong> CSS: font-style: bold;
Esempio corsivo: <i>google</i> <em>google</em> CSS: font-style: italic;
Esempio sottolineato: <u>google</u> <...>aaa<...> CSS: text-decoration: underline;
Esempio barrato:
<s>google</s>
<strike>google</strike>
CSS: text-decoration: line-through;
Esempio quotato:
<q>google
</q>
Esempio quotato: <blockquote>
Esempio testo inserito e cancellato (versioning):
My favorite color is <del>blue</del> <ins>red</ins>!
Esempio mark: Do not forget to buy <mark>milk</mark> today.
Esempio superscript: <sup>google</sup>
Esempio subscript: <sub>google</sub>
Esempio big(deprecated) & small: <big>my text</big> <small>my text</small>
Esempio citazione: <cite>Text citation</cite>
Esempio acronimo(deprecated): Can I get this <acronym>ASAP</acronym>?
Esempio abbreviazione: The <abbr>WHO</abbr> was founded in 1948
Esempio definizione: <dfn>HTML</dfn> is the standard markup language for creating web pages.
Esempio indirizzo email: <address>
email@address.it</address>Esempio testo preformattato: <pre>
Text is displayed in a fixed-width font, and it preserves both spaces and line breaks</pre>
Esempio immagine:
<img src='...' alt='...' title='...'></img>
Esempio hyperlink: <a href='...' title='...'>google</a>
Esempio meter & progress:
aa</code> element;
We open at every morning.
I have a date on .
| aaa | bbb | ccc |
| column A | column B | |
|---|---|---|
| row(1) | cell(A1) | cell(B1) |
| row(2) | cell(A2) | cell(B2) |
| aaa | bbb | ccc |
<body> <label style="color:blue;margin-left:30px;">This is a heading.</label> </body>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
label {
background-color: blue;
}
label.style1 {
background-color: blue;
}
.style2 {
background-color: blue;
}
label#style3 {
background-color: blue;
}
#style4 {
background-color: blue;
}
</style>
</head>
<body>
<label>ciao</label>
<label class="style1">ciao</label>
<label class="style2">ciao</label>
<label id="style3">ciao</label>
<label id="style4">ciao</label>
</body>
<head> <link rel="stylesheet" type="text/css" href="mystyles.css"> </head> <body> <label>ciao</label> <label class="style1">ciao</label> <label class="style2">ciao</label> <label id="style3">ciao</label> <label id="style4">ciao</label> </body>