1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="page">
<aside id="sidebar">
<nav>
<ul>
<li class="active" id="nav-1"><a href="#home">Home</a></li>
<li id="nav-2"><a href="#work">Work</a></li>
<li id="nav-3"><a href="#about">About</a></li>
<li id="nav-4"><a href="#contact">Contact</a></li>
</ul>
</nav>
</asdie>
<div id="main-contenct">
<section id="top">there is something</section>
<section id="home">
<div id="loader" class="loader"></div>
<div id="ps_container" class="ps_container"></div>
<header class="diver intro-text">
<h2>I Love Asnier</h2>
</header>
<div class="recent-work columns">
<h3>My work is playing</h3>
<div class="two-column">
<figure>something for nothing 50%</figure>
</div>
</div>
</section>
<section id="work" class="clearfix">
<header>
<h2>My work</h2>
</header>
<ul class="poject list"></ul>
</section>
<section id="about" class="clearfix">
<header>
<h2>Who is the guy</h2>
</header>
<figure class="marginRight"><img src="image/1.jpg" alt="Image"></figure>
<h3>somting for nothing 100%</h3>
<ul class="skills"></ul>
</section>
<section id="contact" class="clearfix">
<header>
<h2>Get in touch</h2>
</header>
<from actoin="#" method="post"></form>
<div class="social_weapper">
<h3>Where to find me?</h3>
<ul class="social"></ul>
</div>
<div class="copyright">
<p>something for nothing</p>
</div>
</section>
</div>
</div>
</body>
</html>
|
使用
<a herf="#">的超链接，以及<section id="#">完成标签。
注意代码中的语法结构
近期评论