HTML
Struttura base pagina (maiuscolo)
!doctype html
<html>
<head>
<title>…………</title>
</head>
<body>
<! Commento > (solo code)
<H1>……</h1>
<H2>……</h2>
<P>….</P>
Soli:
<u> sottolinea </u>
<b> grassetto </b>
<strong> grassetto </strong>
<i> corsivo </i>
<br> (vai a capo)
<hr size=“…”> (linea separatrice)
<tag attributo=“valore”>…….</tag>
<center>….. </center> (è un tag ma posso metterlo da solo)
<font color=“color”> ….. </font>
<bgproperties=“fixed”> blocca immagine sfondo
<div style=“background : rgba(0,0,0,0,5); color: white; padding: 20px; width:100%;>
(—attributo solo all’interno del tag—
cioè SBAGLIATO —> <attributo=“valore”>….</TAG>)
Insieme a:
– size: in num di pixel modifica la lunghezza (trovi su p)
– Width: pixel o % modifica la larghezza (trovi su p)
– Align: allinea paragrafo ; “left”, “right”, “center”, “justify” (trovi su p)
– Text: “color” (trovi su body)
– Bgcolor: colore background (trovi su body)
– Background: “URL” (background con immagine) (trovi su body)
</body>
</html>
LISTE:
Ordinate (numerato): (O)+(L)
Tag:
<OL>
(Con lettere): (OL)+ type “a”
Tag:
<ol type=”a”>
Non ordinate (non numerato): (U)+(L)
Tag:
<UL>
<LI> tanti quanti gli elementi della lista
(Con quadrati): (UL)+ type “square”
Tag:
<ol type=”square”>
Es. Non ordinata
<p> lista spesa
<ul>
<li> pane </li>
<li> pasta </li>
</ul>
</p>
Es. Ordinata
<p> lista spesa
<ol>
<li> pane </li>
<li> pasta </li>
</ol>
</p>
Link:
Esterni:
<a href=“URL”> text </a>
<a href=“mailto: mail@mail
Interni:
<a href=“ testo da visualizzare </a>
<a name=”nome_ancora”> testo </a>
Immagini:
File:
<img src=“nome_img.jpg”>
Internet + click immagine collega sito:
<a href=“url”> <img src=“[Link]”> </a>
Caratteristiche: attributi
Width=“”
Height=“”
Alt=“” — testo descrittivo che non viene visualizzato se vedo correttamente immagine ma
solo se l’immagine non compare —
Internet:
Tabelle:
<table>
<th> intestazione
<Tr> Riga
<Td> colonna
Atttributi:
<Table border=“numero”> mette i bordi alla tabella in base al numero
<…width=“…”> larghezza
<…height=“…”> altezza
<…align=“…”> allinea il testo (left, right, center)
<…valign=”…”> top, bottom, middle
<…rowspan”…”=“numero”> unione di righe (inserite in td)
<…colspan=”…”> unione di colonne (inserite in td)
<…cellspacing=”…”> specifica spazio tra celle
<…cellpadding=”…”> “ tra bordo e contenuto (testo)
Form
< form>
Username <input type=“text” name=“user”> <br>
Password <input type=“password” name=“psw”>
Nome <input type=“text” name=“nome”>
Cognome <input type=“text” name=“cognome”>
</form>
<form>
<input type=“checkbox” name=“titolo_studi” value=“elem}> Licenza Elementare
input type=“radio”
Area commenti
<form>
<textarea rows=“10” cols=“30”> no comment </textarea> </form>
<form>
<select name=“titolo_studi”>
<option value=“elem”> Licenza elementare </option>
</select>
</form>
Button type=“submit” /button
Button type=“reset”
Es.
<table border=“2”>
<tr>
<th> nome
<th rowspan=“2”> cognome <br> rossi </th>
</tr>
<tr>
<td> Mario </td>
</tr>
Es.
<body text=“pink”>
<body bgcolor=“#5f9ea0”>
<p align=>
<b> Dante </b>
E le sue opere…. <br>
<center> Haunaijsokeoe…. </center>
</p>
<hr size=“50”>
</body>