制作 首页
一、首先,写好网页基本元素:
<!DOCTYPE html>
<
html
lang
=
"zh"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>首页</
title
>
</
head
>
<
body
>
</
body
>
</
html
>
二、写入CSS样式
<!DOCTYPE html>
<
html
lang
=
"zh"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>首页</
title
>
<link rel="stylesheet" href="css/common.min.css""> <!--link 指调用外部文件,rel 指样式表, href 调用 文件地址、名-->
<link rel="stylesheet" href="css/okayNav.min.css"> <!--标签如上解释,文件名不同是指两条不同的CSS样式表-->
</
head
>
<
body
>
</
body
>
</
html
>
三、在 body 里,写入<header>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>首页</title>
<link rel="stylesheet" href="css/common.min.css"> <!---->
<link rel="stylesheet" href="css/okayNav.min.css">
</head>
<body>
<header id="header">
<a class="site-logo" href="#">logo</a>
<nav role="navigation" id="nav-main" class="okayNav">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</nav>
</header>
</script>
</body>
</html>