Creato alluni esercizi su tabelle e css

This commit is contained in:
2014-10-10 10:48:26 +02:00
parent fe1cbd0b37
commit 24da5c4871
10 changed files with 299 additions and 0 deletions

19
css1.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> !-->
</head>
<body>
<p style="background-color:green; color:yellow; font-style:italic;"> ciao mondo!!!</p>
<p style="background-color:green; color:yellow; font-style:italic;"> ciao mondo!!!</p>
<p style="background-color:green; color:yellow; font-style:italic;"> ciao mondo!!!</p>
</body>
</html>

32
css2_inner.html Normal file
View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> !-->
<style type="text/css">
p{
background-color:green;
color:yellow;
font-style:italic;
}
</style>
</head>
<body>
<p > ciao mondo!!!</p>
<p > ciao mondo!!!</p>
<p > ciao mondo!!!</p>
</body>
</html>

5
css3_external.css Normal file
View File

@@ -0,0 +1,5 @@
p{
background-color:green;
color:yellow;
font-style:italic;
}

21
css3_external.html Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css3_external.css" type="text/css" />
</head>
<body>
<p > ciao mondo!!!</p>
<p > ciao mondo!!!</p>
<p > ciao mondo!!!</p>
</body>
</html>

5
css4.css Normal file
View File

@@ -0,0 +1,5 @@
p{
color: black;
font-family: Arial;
font-size: 16pt;
}

35
css4.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css4.css" type="text/css" />
<style type="text/css">
p{
background-color:green;
color:yellow;
font-style:italic;
}
</style>
</head>
<body>
<p > ciao mondo!!!</p>
<p > ciao mondo!!!</p>
<p > ciao mondo!!!</p>
</body>
</html>

27
css6.html Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<style type="text/css">
p{
color: #ffffff !important;
font-family: Arial;
font-size: 16pt;
}
</style>
</head>
<body>
<p style="background-color:green; color:yellow; font-style:italic;"> ciao mondo!!!</p>
<p style="background-color:green; color:yellow; font-style:italic;"> ciao mondo!!!</p>
<p style="background-color:green; color:yellow; font-style:italic;"> ciao mondo!!!</p>
</body>
</html>

36
glossary.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> !-->
</head>
<body>
<h1>Dizionario di informatica</h1>
<dl>
<dt><strong>Abaco</strong></dt>
<dd>Sto cazzo</dd>
<dt>Abaco</dt>
<dd>Sto cazzo</dd>
<dt>Abaco</dt>
<dd>Sto cazzo</dd>
<dt>Abaco</dt>
<dd>Sto cazzo</dd>
</dl>
</body>
</html>

29
test_decription_list.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> !-->
</head>
<body>
<dl>
<dt>Title 1 </dt>
<dd>Ale</dd>
<dd>Ale</dd>
<dd>Ale</dd>
<dt>Title 1 </dt>
<dd>Ale</dd>
<dd>Ale</dd>
<dd>Ale</dd>
</dl>
</body>
</html>

90
test_table_and_lists.html Normal file
View File

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> !-->
</head>
<body>
<table>
<tr>
<td><ol type="A">
<li value="5">
uno-uno
</li>
</ol>
<ol type="1">
<li value="6">
uno-uno
<ol type="1">
<li value="10">
due uno
</li>
</ol>
<ol type="I">
<li value="11">
due-due
</li>
</ol>
</li>
</ol></td>
<td>
<ol type="a">
<li value="1">
due uno
</li>
</ol>
<ol type="1">
<li value="2">
due-due
</li>
</ol>
</td>
</tr>
<tr>
<td><ol type="1">
<li value="1">
due uno
<ol type="1">
<li value="1">
due uno
<ol type="1">
<li value="1">
due uno
</li>
</ol>
</li>
</ol>
</li>
</ol></td>
<td><dl>
<dt>
Oggi
</dt>
<dd>
Oggi è ieri
</dd>
<dt>
Domani
</dt>
<dd>
Domani è oggi
</dd></td>
</tr>
</table>
</body>
</html>