Modèle
Regardez en baz.
Ce bouton est trois degrés.Ii y a de la lettre sur le bouton du menu.De plus/en outre,Ii y a du
colcode sur le bouton du menu.Cette modèle est la caractéristique.Une image et de la lettre ne colle pas.Un bouton
et la lettre de un texte bifurque.Un aveugle lire aussi.Cette modèle sauvegarde la image et la lettre aussi.
«Avertissemeny»Si Vous ne regarderes pas«HTML»,Regarde les deux preuves.Cette preuve est 215KB.Vous pouvez regarder la preuve.Cette preuve est 169KB.Vous pouvez regarder l'autre preuve.
Un logiciel de le clavier pour un aveugle.NVDA est un graticiel pour l'aveugle.
Un individu ist gratuit.©Ce
page d'accueil est un droit d'auteur.
Le déroulement
La manera de la copia
Copie de"<!DOCTYPE html>"jusqu'à"</html>".Conservez la
mémorandun.Change«index.html».
Cette animation ist 192KB.Vous pouvez regarder
le moyen.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Écris ici.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css" />
<link rel="stylesheet" href="style.css" />
<meta name="description" content="Écris ici." />
<meta name="keywords" content="Écris ici. " />
<meta name="author" content="anonymous" />
<link rel="next" href="index.html" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="title">
<h1>Écris ici.</h1></div>
<p>Écris ici.</p>
<img src="a-1.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-2.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-3.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-4.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-5.jpg" alt="Écris ici." title="Écris ici."/>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Écris ici.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css" />
<link rel="stylesheet" href="style.css" />
<meta name="description" content="Écris ici." />
<meta name="keywords" content="Écris ici. " />
<meta name="author" content="anonymous" />
<link rel="next" href="index.html" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="title">
<h1>Écris ici.</h1></div>
<p>Écris ici.</p>
<img src="a-1.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-2.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-3.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-4.jpg" alt="Écris ici." title="Écris ici."/>
<p>Écris ici.</p>
<img src="a-5.jpg" alt="Écris ici." title="Écris ici."/>
<div id="footer"><a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" //></a></div>
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" //></a></div>
<div class="menu0"><img src="title.jpg" alt="title image" title="title image file"
width="0" height="0" /></div>
</body></html>
Fais le CSS.
Copie de"@charset "UTF-8";à".menu1 {font-style:normal;text-align:left;}".Conservez la
mémorandun.Change«style.css».
@charset "UTF-8";
html {
font-size: 100%;
}
img {
max-width: 100%;
}
body {
background:url(title.jpg) no-repeat;
background-position: 50% 0%;
text-align: center;
color: #ffffff;
}
h1 {
margin: 0 auto;
} #body {
width: 765px;
}
#contents {
margin-top:25px;
}
p {
font-style:normal;
font-size: 20px;
color: #333333;
text-indent: 1em;
}
img {
max-width: 100%;
}
html {
font-size: 100%;
}
img {
max-width: 100%;
}
body {
background:url(title.jpg) no-repeat;
background-position: 50% 0%;
text-align: center;
color: #ffffff;
}
h1 {
margin: 0 auto;
} #body {
width: 765px;
}
#contents {
margin-top:25px;
}
p {
font-style:normal;
font-size: 20px;
color: #333333;
text-indent: 1em;
}
img {
max-width: 100%;
}
Copie le mémorandun.Change«style.css».
Copie l'image.Change«title.jpg».
Voici le modèle.Vous pouvez regarder le
modèle
