모형
이버튼는 세층있어요.버튼의위에 텍스트이있어요.색코드의위에 텍스트이있어요.이홈페지는 특징이 있어요.맹인이 읽을수 있어요.이홈페지는 보존 글자와 화상를.화상하고 글자는 안 착들러붙다.
이템플릿은 개인은 무료입니다.©이템플릿은 저작자권이 있다.이개인응은 무료.
mail:szheyuan383@gmail.com
휴대기기 여기에 입력한다.http://gyouso2.extrem.ne.jp/ko-index.html 친화성 테스트モ
index으로CSS을 메모장에 카피.
<!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>
<article class="title">
<h1>여기에 입력한다.</h1>
<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 class="menu1"><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="menu1"><div class="menu0"><img src="title.jpg" alt="title image" title="title image file"
width="0" height="0" /></div>
</article>
</body>
</html>
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%;
}
