แม่แบบ ฝรี
＜＜หมายเหตุ＞＞อู Index ไม่ ไดั
นี เมนู สาม ชั้น
เมนู ปุ่ม ข้างบน ข้อความ
รหัสสี ข้างบน ข้อความ
นี แบบทีย่อตานล่วน เขียน ตัวหนังสีอ ที่ ภาพดน ไดั
นี แม่แบบ การถนอมอาหาร ตัวหนังสีอ ดัวย ปุ่ม เมนู ไดั
คนตาบอด อ่าน ไดั
ส่วนตว ฝรี
ภาพดน กับ ตัวหนังสีอ ไม่ ติต ครัข
ดาวน์โหลด NVDA ไดั
NVDA คนตาบอด
©แบบทีย่อตานล่วน
ลิขสิทธิ์ อีเมล์:szheyuan383@gmail.com
ทํา แม่แบบ ที่ ภายเอกสาร ที่ โน้ตแพด
ส่วนตว ฝรี
ลาก ถีง"<!DOCTYPE html>-------------------</html>"
เก็บรักษาไว้ ลนดบันทึก
เขียนindex.html
อูไดั วิดีโอ ติหสีพ วิธี นี่ 192KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>เขียนที่นี่</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="เขียนที่นี่" />
<meta name="keywords" content="เขียนที่นี่ " />
<meta name="author" content="anonymous" />
<link rel="next" href="index.html" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="title">
<h1>เขียนที่นี่</h1></div>
<p>เขียนที่นี่</p>
<img src="a-1.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-2.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-3.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-4.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-5.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>เขียนที่นี่</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="เขียนที่นี่" />
<meta name="keywords" content="เขียนที่นี่ " />
<meta name="author" content="anonymous" />
<link rel="next" href="index.html" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="title">
<h1>เขียนที่นี่</h1></div>
<p>เขียนที่นี่</p>
<img src="a-1.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-2.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-3.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-4.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<p>เขียนที่นี่</p>
<img src="a-5.jpg" alt="เขียนที่นี่" title="เขียนที่นี่"/>
<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>
ทํา CSSครัข
ภายเอกสาร โน้ตแพด ที่ ลาก ถีง @charset "UTF-8";--------------img {max-width: 100%;}
เขียน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%;
}
เปลียนtitle.jpgที่ คลิก ภาพ ที่ ตัวหนังสีอ ไม่ไดั เขัา
