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.
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.
mail:szheyuan383@gmail.com
Test:Écris http://gyouso2.extrem.ne.jp/fr-index.html ici. de compatiblité mobile
Vous pouvez regarder le modèle
Le déroulement
La manera de la copia
Copie de"<!DOCTYPE html>"jusqu'à"</html>".Conservez la mémorandun.Change«index.html».
<!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>
<article class="title">
<h1>Écris ici.</h1>
<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>
<div class="menu0"><img src="title.jpg" alt="title image" title="title image file"
width="0" height="0" /></div>
</article>
</body>
</html>
Fais le CSS.
html {
font-size: 100%;
}
img {
max-width: 100%;
}
body {
background:url(title.jpg) no-repeat;
background-position: 50% 0%;
text-align: center;
color: #ffffff;
}
#body {
width: 765px;
margin-top: 40px;
}
#contents {
margin-top:25px;
}
p {
font-style:normal;
font-size: 20px;
color: #333333;
text-indent: 1em;
}
img {
max-width: 100%;
}
