esercizi su css
This commit is contained in:
46
css10.html
Normal file
46
css10.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!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: #3366CC;
|
||||
font-size: 18pt;
|
||||
font-family: Arial;
|
||||
text-align: right;
|
||||
color: green;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
p > span {
|
||||
|
||||
color: red;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> Gli indirizzi <span>attualmente</span> in uso sono prevalentemente quelli di <span>classe</span> A, B e C. Questi indirizzi non sono <span>mai</span> dati singolarmente, ma per motivi di organizzazione di rete sono dati in <span>blocchi</span> di indirizzi adiacenti.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
46
css11.html
Normal file
46
css11.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!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: #3366CC;
|
||||
font-size: 18pt;
|
||||
font-family: Arial;
|
||||
text-align: right;
|
||||
color: green;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
p > span {
|
||||
|
||||
color: red;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> Gli <span>indirizzi</span> attualmente in uso sono prevalentemente quelli di classe A, B e C. Questi indirizzi non sono mai dati singolarmente, ma per motivi di organizzazione di rete sono dati in blocchi di <span>indirizzi</span> adiacenti.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
45
css12.html
Normal file
45
css12.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!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 {
|
||||
|
||||
font-size: 18pt;
|
||||
font-family: Arial;
|
||||
|
||||
color: green;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
p::first-letter {
|
||||
|
||||
font-size: 3em;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> Il termine 'portale' è ormai divenuto una vera e propria 'parola magica' all'interno della sempre più vasta comunità di utenti e operatori della rete Internet.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
79
css13.html
Normal file
79
css13.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<!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">
|
||||
|
||||
|
||||
body{
|
||||
|
||||
|
||||
counter-reset: c;
|
||||
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
|
||||
font-size: 36pt;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
|
||||
p > span:nth-child(1) {
|
||||
|
||||
|
||||
color: rgb(0,0,0)
|
||||
|
||||
|
||||
}
|
||||
p > span:nth-child(2) {
|
||||
|
||||
|
||||
color: rgb(50,50,50)
|
||||
|
||||
|
||||
}
|
||||
p > span:nth-child(3) {
|
||||
|
||||
|
||||
color: rgb(100,100,100)
|
||||
|
||||
|
||||
}
|
||||
p > span:nth-child(4) {
|
||||
|
||||
|
||||
color: rgb(200,200,200)
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> <span>g</span>
|
||||
<span>g</span>
|
||||
<span>g</span>
|
||||
<span>g</span>
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
146
css14.html
Normal file
146
css14.html
Normal file
@@ -0,0 +1,146 @@
|
||||
<!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">
|
||||
|
||||
|
||||
body{
|
||||
|
||||
|
||||
counter-reset: c;
|
||||
|
||||
}
|
||||
|
||||
|
||||
p#logo {
|
||||
|
||||
font-size: 36pt;
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
p#logo > span:nth-child(1) {
|
||||
|
||||
|
||||
color: rgb(0,0,0)
|
||||
|
||||
|
||||
}
|
||||
p#logo > span:nth-child(2) {
|
||||
|
||||
|
||||
color: rgb(50,50,50)
|
||||
|
||||
|
||||
}
|
||||
p#logo > span:nth-child(3) {
|
||||
|
||||
|
||||
color: rgb(100,100,100)
|
||||
|
||||
|
||||
}
|
||||
p#logo > span:nth-child(4) {
|
||||
|
||||
|
||||
color: rgb(200,200,200)
|
||||
|
||||
|
||||
}
|
||||
|
||||
p.sublogo {
|
||||
|
||||
font-size: 30pt;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
|
||||
h2.innerheader{
|
||||
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td.inner{
|
||||
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
|
||||
<p id="logo"> <span>R</span>
|
||||
<span>A</span>
|
||||
<span>I</span>
|
||||
<span>N</span>
|
||||
|
||||
</p>
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<p class="sublogo">Ristorante con grande terrazza sul mare</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
|
||||
<td class="inner">
|
||||
|
||||
<h2 class="innerheader">fdfdsfds</h2>
|
||||
</td>
|
||||
|
||||
<td class="inner">
|
||||
|
||||
|
||||
<h2 class="innerheader">fsdgfdgfdsg</h2>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
50
css15.html
Normal file
50
css15.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!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">
|
||||
|
||||
|
||||
a:link{
|
||||
color: red;
|
||||
}
|
||||
a:hover{
|
||||
color:yellow;
|
||||
text-transform: uppercase;
|
||||
font-size: 14pt;
|
||||
|
||||
}
|
||||
a:visited{
|
||||
color:blue;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<a href="http://www.xgiovio.com"> Vai a vedere il sito piu bello del mondo </a>
|
||||
<a href="http://www.archnegemma.com"> votta no link </a>
|
||||
<a href="http://www.accattacosa.net"> trovionol </a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
66
css16.html
Normal file
66
css16.html
Normal file
@@ -0,0 +1,66 @@
|
||||
<!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{
|
||||
|
||||
line-height: 1.5;
|
||||
margin-left: 1.5cm;
|
||||
margin-right: 1.5cm;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
h1{
|
||||
color:red;
|
||||
font-size: 16pt;
|
||||
text-align: center;
|
||||
}
|
||||
h2{
|
||||
color:blue;
|
||||
font-size: 14pt;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h1>Navigare in Internet: alcune considerazioni generali</h1>
|
||||
|
||||
<p>Cos'è Internet e a che cosa serve? Sono questi probabilmente i primi e fondamentali interrogativi ai quali chi si avvicina alla 'rete delle reti' vorrebbe trovare risposta. Si tratta tuttavia di interrogativi ai quali rispondere in maniera adeguata può essere molto difficile. Le risposte formalmente più corrette sono in qualche misura 'tecniche' e, nel corso del libro, cercheremo di fornirle in maniera per quanto possibile chiara e completa. ...
|
||||
Si tratta di un dato importante, da tener presente per capire la caratteristica forse fondamentale di Internet: quella di essere insieme una risorsa informativa e un luogo di interazione culturale, sociale, economica.</p>
|
||||
|
||||
<h2>Internet come risorsa informativa</h2>
|
||||
|
||||
<p>Chi collega per la prima volta il proprio computer a Internet e inizia a 'navigare' nella rete ha spesso una idea molto vaga di quanta, e quanto variegata, sia l'informazione raggiungibile. Nel corso della nostra esperienza didattica, ci è capitato spesso di discutere questo problema con persone che vedevano in Internet soprattutto uno strumento per accedere a banche dati o a pochi siti fortemente strutturati, cioè a 'depositi' di informazione ragionevolmente ordinata e organizzata: ad esempio il catalogo di una biblioteca, o l'archivio di articoli di un giornale, o una raccolta di dati di borsa. ...
|
||||
Deve però sapere fin d'ora che fino a quando non avrà capito almeno nelle linee essenziali cos'è un ipertesto, e perché tanta parte dell'informazione distribuita attraverso Internet ha una forma ipertestuale (o, per essere più esatti, ipermediale), non potrà dire di aver compreso cos'è Internet.</p>
|
||||
|
||||
<h2>Internet come villaggio globale</h2>
|
||||
|
||||
<p>Dietro all'informazione che circola su Internet ci sono, si è detto, delle persone. Ogni scambio informativo è una forma di interazione sociale, e la rete è dunque luogo di innumerevoli interazioni sociali. ...
|
||||
Ma in quel mondo dovranno e vorranno vivere anche molti di noi, perché la durata media della vita si allunga, e con essa cresce la sovrapposizione fra generazioni diverse potenzialmente attive e concorrenti sul mercato del lavoro.</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
50
css17.html
Normal file
50
css17.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!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">
|
||||
|
||||
h1>span,p:first-of-type {
|
||||
color:green;
|
||||
}
|
||||
|
||||
h1:first-letter{
|
||||
color: blue;
|
||||
}
|
||||
|
||||
p>span{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h1><span>Lorem</span> ipsum</h1>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing <span>elit</span> sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem <span>vel</span> eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum <span>dolore</span> eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
25
css18.css
Normal file
25
css18.css
Normal file
@@ -0,0 +1,25 @@
|
||||
p{
|
||||
color: black;
|
||||
font-family: Arial;
|
||||
font-size: 14pt;
|
||||
margin-left: 3em;
|
||||
margin-right: 3em;
|
||||
}
|
||||
|
||||
|
||||
p.first{
|
||||
|
||||
background-color: pink;
|
||||
font-size: 10pt;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
p.second{
|
||||
background-color: black;
|
||||
color:#FFFF00;
|
||||
}
|
||||
|
||||
|
||||
p.third:before{
|
||||
content: "Importante "
|
||||
}
|
||||
30
css18.html
Normal file
30
css18.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!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="css18.css" type="text/css" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
<p class="first">chiochio</p>
|
||||
|
||||
<p class="second">aleleleee</p>
|
||||
|
||||
<p class="third">cacaglie</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
50
css19.html
Normal file
50
css19.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
div p:nth-of-type(even)>em:first-child{
|
||||
|
||||
background-color: red;
|
||||
padding: 4px;
|
||||
border: 3px dotted yellow;
|
||||
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
54
css20.html
Normal file
54
css20.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
body{
|
||||
counter-reset: contatore;
|
||||
}
|
||||
|
||||
p:before{
|
||||
counter-increment: contatore;
|
||||
content:counter(contatore) ". ";
|
||||
|
||||
color: green;
|
||||
font-size: 2em;
|
||||
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
59
css21.html
Normal file
59
css21.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
body{
|
||||
font-family: Arial;
|
||||
font-size: 14pt;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
p:nth-of-type(1),p:nth-of-type(3),p:nth-of-type(5){
|
||||
|
||||
|
||||
font-size: 24pt;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<p><strong>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></strong></p>
|
||||
<p><strong>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></strong></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
46
css22.html
Normal file
46
css22.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
p.avvertimento {
|
||||
|
||||
background-color: rgb(200,200,200);
|
||||
border: 2px solid black;
|
||||
padding : 20px 20px 20px 20px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p class="avvertimento">fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
<p>fdsfdsfds<em>alfio</em>fdfd dfds dfds<em>fdfs</em></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
47
css23.html
Normal file
47
css23.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
p > span:nth-child(2){
|
||||
|
||||
border: thick black solid;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs bdfgdf <span> fdsfds </span> </p>
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs </p>
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs </p>
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs </p>
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs bdfgdf <span> fdsfds </span> </p>
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs </p>
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs </p>
|
||||
<p> aalalalalall<span>sfdsfdfs</span> fdsfs </p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
54
css24.html
Normal file
54
css24.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#qwerty tr:nth-of-type(even){
|
||||
|
||||
background-color: green;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#qwerty tr:nth-of-type(odd){
|
||||
|
||||
background-color: black;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
#qwerty tr:nth-of-type(1){
|
||||
|
||||
background-color: red;
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table id="qwerty">
|
||||
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
54
css25.html
Normal file
54
css25.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#qwerty tr:nth-of-type(2n +4){
|
||||
|
||||
background-color: blue;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
#qwerty tr:nth-of-type(1){
|
||||
|
||||
background-color: red;
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table id="qwerty">
|
||||
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
<tr><td>asdsda</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
45
css26.html
Normal file
45
css26.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
p {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p span:nth-of-type(1){
|
||||
color: black;
|
||||
}
|
||||
p span:nth-of-type(2){
|
||||
color: yellow;
|
||||
}
|
||||
p span:nth-of-type(3){
|
||||
color: blue;
|
||||
}
|
||||
|
||||
p span:nth-of-type(3):hover{
|
||||
color: white;
|
||||
text-transform: lowercase;
|
||||
font-weight: bold;}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p><span>G</span> <span>i </span> <span>o</span> vanni Di Grezia</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
45
css27.html
Normal file
45
css27.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!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="css18.css" type="text/css" /> -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
p {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p span:nth-of-type(1){
|
||||
color: black;
|
||||
}
|
||||
p span:nth-of-type(2){
|
||||
color: yellow;
|
||||
}
|
||||
p span:nth-of-type(3){
|
||||
color: blue;
|
||||
}
|
||||
|
||||
p span:nth-of-type(3):hover{
|
||||
color: white;
|
||||
text-transform: lowercase;
|
||||
font-weight: bold;}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p><span>G</span> <span>i </span> <span>o</span> vanni Di Grezia</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
41
css7.html
Normal file
41
css7.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<!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 > span {
|
||||
|
||||
background-color: #663300;
|
||||
color:yellow;
|
||||
|
||||
|
||||
}
|
||||
|
||||
p:nth-child(4)>span:nth-child(1){
|
||||
color: black;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> ciao <span>mondo!!!</span></p>
|
||||
<p> ciao <span>mondo!!!</span></p>
|
||||
<p> ciao <span>mondo!!!</span></p>
|
||||
<p> ciao <span>mondo!!!</span></p>
|
||||
|
||||
<span>gino</span>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
46
css8.html
Normal file
46
css8.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!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[class^="ac"] {
|
||||
|
||||
font-size: 18pt;
|
||||
font-family: Arial;
|
||||
text-align: justify;
|
||||
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> ciao mondo!!!fewfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt rwfewf ew r ew t wet r wt rt r t re t ret erwfewf ew r ew t wet r wt rt r t re t ret er t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
</p>
|
||||
<p class = "marco"> ciao mondo!!!fewfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt rwfewf ew r ew t wet r wt rt r t re t ret erwfewf ew r ew t wet r wt rt r t re t ret er t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
</p>
|
||||
<p class = "acconzato"> ciao mondo!!!fewfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt rwfewf ew r ew t wet r wt rt r t re t ret erwfewf ew r ew t wet r wt rt r t re t ret er t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
64
css9.html
Normal file
64
css9.html
Normal file
@@ -0,0 +1,64 @@
|
||||
<!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~p {
|
||||
|
||||
background-color: red;
|
||||
font-size: 18pt;
|
||||
font-family: Arial;
|
||||
text-align: justify;
|
||||
|
||||
|
||||
}
|
||||
|
||||
p+p {
|
||||
|
||||
background-color: green;
|
||||
font-size: 18pt;
|
||||
font-family: Arial;
|
||||
text-align: justify;
|
||||
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> ciao mondo!!!fewfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt rwfewf ew r ew t wet r wt rt r t re t ret erwfewf ew r ew t wet r wt rt r t re t ret er t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
</p>
|
||||
<p class = "marco"> ciao mondo!!!fewfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt rwfewf ew r ew t wet r wt rt r t re t ret erwfewf ew r ew t wet r wt rt r t re t ret er t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
</p>
|
||||
<p class = "acconzato"> ciao mondo!!!fewfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt rwfewf ew r ew t wet r wt rt r t re t ret erwfewf ew r ew t wet r wt rt r t re t ret er t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
</p>
|
||||
<span id="divisor"></span>
|
||||
<p class = "acconzato"> ciao mondo!!!fewfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
wfewf ew r ew t wet r wt rt rwfewf ew r ew t wet r wt rt r t re t ret erwfewf ew r ew t wet r wt rt r t re t ret er t re t ret er
|
||||
wfewf ew r ew t wet r wt rt r t re t ret er
|
||||
</p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
73
table_bordr_.html
Normal file
73
table_bordr_.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!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">
|
||||
|
||||
td,th {
|
||||
border:1px solid black;
|
||||
border-top:none;
|
||||
border-bottom: none;
|
||||
font-size: 30pt;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table{
|
||||
border:1px solid black;
|
||||
border-top:none;
|
||||
border-bottom: none;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
X
|
||||
</th>
|
||||
<td>Y</td>
|
||||
<td>Y</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
X
|
||||
</th>
|
||||
<td>Y</td>
|
||||
<td>Y</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
X
|
||||
</th>
|
||||
<td>Y</td>
|
||||
<td>Y</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user