Sjabloon
Dit menuknop zijn drie laag.Er zijn een tekst boven het menuknop.Er zijn de het tekst boven het
kleurenkode.Dit sjabloon is een karaktertrek.Dit opslaant afbeelding en letter.Een blindheid lezent.De afbeelding
en letter geplakt niet.De afbeelding en letter elkaar gaan.
＜＜Waarshuwing＞＞Als"HTML"zien niet,Kijken u een animatie.Dit is 215KB.Zien u een animatie.Dit is 169KB.Kijken u een animatie.Als u kopiërent de sjabloon
van internet,Dit is geen probleem
De NVDA is blindheid.De NVDA is programma.Downloaden de NVDA.
Persoon is gratis.©Dit
is auteursrecht.
Zien de monster
Kopiëren de sjabloon.
Persoon is gratis.©Dit
is auteursrecht.mail:szheyuan383@gmail.com
Slepen u van"<!DOCTYPE html>"tot"</html>".Opslaan u de Notepad.Veranderen
u"index.html".
Zien u de manier.Dit is 192KB.
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>Kunt u dat hier opschrijven.</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="Kunt u dat hier opschrijven." />
<meta name="keywords" content="Kunt u dat hier opschrijven. " />
<meta name="author" content="anonymous" />
<link rel="next" href="index.html" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="title">
<h1>Kunt u dat hier opschrijven.</h1></div>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-1.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-2.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-3.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-4.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-5.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
</html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>Kunt u dat hier opschrijven.</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="Kunt u dat hier opschrijven." />
<meta name="keywords" content="Kunt u dat hier opschrijven. " />
<meta name="author" content="anonymous" />
<link rel="next" href="index.html" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="title">
<h1>Kunt u dat hier opschrijven.</h1></div>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-1.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-2.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-3.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-4.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<p>Kunt u dat hier opschrijven.</p>
<img src="a-5.jpg" alt="Kunt u dat hier opschrijven." title="Kunt u dat hier opschrijven."/>
<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>
Maken u de CSS.
Slepen u van"<@charset "UTF-8";"tot"img {
max-width: 100%;
}".Opslaan u de Notepad.Veranderen u"style.css".
@charset "UTF-8";
html {
font-size: 100%;
}
img {
max-width: 100%;
}
.title {
background: url(title.jpg);
background-repeat: no-repeat;
background-position: center 100%;
text-align: center;
color: #ffffff;
font-size: 30px;
margin: 30px;
}
#body {
font-style:normal;
text-align:center;
max-width: 765px;
margin: 20px auto;
}
#footer {
margin: 0 auto;
font-style:normal;
text-align:center;
width:765px;
z-index:3;
}
p {
font-style:normal;
text-align:center;
color: #333333;
}
img {
max-width: 100%;
}
h1 {
font-size: 20px;
margin: 0 auto;
}
body {
background:url(title.jpg) no-repeat;
background-position:50% 0%;
background-color: #ffffff;
text-align:center;
color:#ffffff;
margin-top:20px;
}
#body {
font-style:normal;
text-align:left;
width: 765px;
margin: 20px auto;
}
#contents {
font-style:normal;
text-align:center;
margin: 0 auto;
top:58px;
z-index:2;
}
p {
color: #333333;
text-indent: 1em;
}
img {
max-width: 100%;
}
html {
font-size: 100%;
}
img {
max-width: 100%;
}
.title {
background: url(title.jpg);
background-repeat: no-repeat;
background-position: center 100%;
text-align: center;
color: #ffffff;
font-size: 30px;
margin: 30px;
}
#body {
font-style:normal;
text-align:center;
max-width: 765px;
margin: 20px auto;
}
#footer {
margin: 0 auto;
font-style:normal;
text-align:center;
width:765px;
z-index:3;
}
p {
font-style:normal;
text-align:center;
color: #333333;
}
img {
max-width: 100%;
}
h1 {
font-size: 20px;
margin: 0 auto;
}
body {
background:url(title.jpg) no-repeat;
background-position:50% 0%;
background-color: #ffffff;
text-align:center;
color:#ffffff;
margin-top:20px;
}
#body {
font-style:normal;
text-align:left;
width: 765px;
margin: 20px auto;
}
#contents {
font-style:normal;
text-align:center;
margin: 0 auto;
top:58px;
z-index:2;
}
p {
color: #333333;
text-indent: 1em;
}
img {
max-width: 100%;
}
opslaanb u de afbeelding .Veranderen u "title.jpg".
Zien de monster
