모형
이버튼는 세층있어요.버튼의위에 텍스트이있어요.색코드의위에 텍스트이있어요.이홈페지는 특징이 있어요.맹인이 읽을수 있어요.이홈페지는 보존 글자와 화상를.화상하고 글자는 안
착들러붙다.
＜＜주의＞＞만약index파일이 본지 않는으면 다면.인터네트 서 카피한아요.동영상에서
확인한다.동영상에서 확인한다.동영상에서 확인한아요.
이템플릿은 개인은 무료입니다.©이템플릿은
저작자권이 있다.이개인응은 무료.mail:szheyuan383@gmail.com
index으로CSS을 메모장에 카피.
이템플릿은 무료.©이템플릿은
저작자권이 있어요.이개인응은 무료.mail:szheyuan383@gmail.com
"<!DOCTYPE html>"에서"</html>"까지을 카피어 추세요.⇒메모장에 보존아 추세요.index.html에 변경아 추세요.
<!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에 변경아 추세요.
