Prove sui principali tag HTML , sulle tabelle , sui div e sui fogli di stile inline , interni ed esterni.

pagina index.hml
[html]

testo con h1

testo con h2 allineato al centro

testo con h3 allineato a destra

testo con h4 con colore in rosso dato dallo stile in linea

testo con h5

testo con h6

testo racchiuso in un paragrafo
con tag p /p

			testo racchiuso in un paragrafo 
			con tag pre /pre
		

testo in i testo in u testo in b

immagine (questa scritta è stata modificata con uno stile incorporato)

immagine ridimensionata e scrittura modificata con foglio di stile esterno

collegamento alla pagina 2

esempio di elenco

• primo elemento
• secondo elemento
1. altro elemento
2. altro elemento
1. alfabetico
2. alfabetico
1. romano
2. tomano

collegamento ad un punto della pagina 2 cliccando qui

[/html]

pagina2.html
[html]

Collegamento alla pagina principale con immagine

Collegamento ragiungibile attraverso un link nella pagina principale

Psizionamento di div attraverso un foglio di stile esterno

div con immagine di sfondo e overflow

Tabella

colonna 1	colonna 2	colonna 3	colonna 4
esempio di due colonne e due righe		riga1 colonna 3	riga1 colonna 4
		riga2 colonna 3	riga2 colonna 4
riga3 colonna 1	riga3 colonna 2	riga3 colonna 3	riga3 colonna 4

[/html]

foglio di stile
stile.css
[css]
.secondofont
{
font-size : 18px;
font-family : garamond;
color : green;
}
#contenitore
{
position : relative;
background : red;
width : 300px;
height : 300px;
left : 20%;
}
#div1
{
background : silver;
width : 100px;
height : 100px;
position : relative;
top : 1%;
left : 5;
border : 2px solid blue;
}
#div2
{
background : green;
width : 100px;
height : 100px;
position : relative;
border : 4px solid black;
top : 5%;
left : 9%;
}
#box
{
width : 250px;
height : 250px;
background : url(img/sfondo.png) no-repeat top left;
padding:1px 0;
font-size:10px;
}
#box_interno
{
height: 200px;
overflow:auto;
margin:25px 24px 0;
padding-right:2px;
}
.tabella
{
border : 2px solid brown;
border-collapse : collapse;
position : relative;
left : 34%;
}
th , td
{
border : 1px solid brown;
text-align : center;
}
[/css]

pagina di esempio : 1 html