HTML Quick List
HTML Quick List. È possibile stamparlo, per prepararsi per l'uso quotidiano.
Il documento HTML di base
<! DOCTYPE html>
<HTML>
<Head>
<Title> Titolo del documento </ title>
</ Head>
<Body> testo visibile ... </ body>
</ Html>
Scheda Base (Base Tag)
<H1> il più grande titolo </ h1>
<H2> ... </ H2>
<H3> ... </ H3>
<H4> ... </ H4>
<H5> ... </ H5>
<H6> più piccola rubrica </ h6>
<P> Questo è un paragrafo. </ P>
<Br> (Line feed) <hr> (orizzontale) <! - Questo è un commento ->
Formattazione di testo (formattazione)
<B> il testo in grassetto </ b>
<Code> codice di computer </ code>
<Em> ha sottolineato testo </ em>
<I> corsivo </ i>
<Kbd> Tastiera </ kbd>
<Pre> testo preformattato </ pre>
<Small> più piccolo testo </ small>
<Strong> testo importante </ strong>
<Abbr> (acronimo) <indirizzo> (informazioni di contatto) <BDO> (direzione del testo) <blockquote> (da un'altra sezione di riferimento sorgente) <cite> (nome di lavoro) <del> (testo soppresso) <ins > (inserire il testo) <sub> (testo pedice) <sup> (testo apice)
Links (Link)
legame comune: <a href = "http://www.example.com/"> testo di collegamento </ a> immagine link: <a href = "http://www.example.com/"> <img src = "URL" alt = "testo di sostituzione"> </ a> Posta link: <a href = "mailto: [email protected]"> Invia e-mail </ a> Bookmark: <a id = "punte"> Tips sezione </ a>
<A href = "#tips"> Salta la sezione Tips </ a>
Immagini (Images)
<IMG src = "URL" alt = "Sostituisci testo" height = "42" width = "42">
Stile / blocchi (stili / Sezioni)
<Style type = "text / css">
h1 {Color: red ;}
p {Color: blue ;}
</ Style>
<Div> elementi a livello di blocco nel documento </ div>
<Span> Elementi documento in linea </ span>
lista non ordinata
<Ul>
<LI> voce </ li>
<LI> voce </ li>
</ Ul>
Elenco ordinato
<Ol>
<Li> primo </ li>
<LI> Secondo elemento </ li>
</ Ol>
Lista definizione
<Dl>
<Dt> Articolo 1 </ dt>
<Dd> Descrizione 1 </ dd>
<Dt> Articolo 2 </ dt>
<DD> Descrizione Articolo 2 </ dd>
</ Dl>
Tabelle (tabelle)
<Tabella border = "1">
<Tr>
<Th> tabella di intestazione </ th>
<Th> tabella di intestazione </ th>
</ Tr>
<Tr>
<Td> dati della tabella </ td>
<Td> dati della tabella </ td>
</ Tr>
</ Table>
Frame (Iframe)
<iframe src = "demo_iframe.htm"> </ iframe>
Forms (forme)
<Form action = "demo_form.php" method = "post / get">
<Input type = "text" name = "email" size = "40" maxlength = "50">
<Input type = "password">
<Input type = "checkbox" controllato = "controllato">
<Input type = "radio" controllato = "controllato">
<Input type = "submit" value = "Invia">
<Input type = "reset">
<Input type = "hidden">
<Seleziona>
<Opzione> Mela </ option>
<Opzione selezionato = "selezionato"> la banana </ option>
<Opzione> Cherry </ option>
</ Select>
<textarea name = "commento" rows = "60" cols = "20"> </ textarea>
</ Form>
Entity (entità)
& Lt; equivalente a <& gt; equivalente a> & # 169; equivalente a ©