-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmission6(模拟报纸排版).html
98 lines (98 loc) · 5.48 KB
/
mission6(模拟报纸排版).html
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style6.css">
</head>
<body>
<div class="whole">
<header>
<div class="ife">
<p><a href="">ife.baidu.com</p>
</div>
<div class="time">
<p>2016.04</p>
</div>
</header>
<main>
<div class="pic">
<img src="./image/1.jpg">
<div class="cover-left"></div>
<div class="cover-right"></div>
</div>
<div class="letter">
<p1>about</p1>
<p1>technologe</p1><br>
<p2>about technologe about technologe about technologe</p2>
<p3>700</p3>
<p4>3.2</p4>
<div class="letterf">
<p5>css</p5><br>
<p6>cssssccsccscssc</p6>
</div>
</div>
<div class="clear-float"></div>
<div class="whh">
<section class="what">
<h1>What</h1>
<p>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
</section>
<section class="when">
<h1>When</h1>
<p>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
</section>
<section class="how">
<h1>How</h1>
<p>前端前端前端前端前<br>
前端前端前端前端前端前<br>
前端前端前端端</p>
<p1>What--------</p1><aa>40%</aa><br>
<p1>What--------</p1><aa>30%</aa><br>
<p1>What--------</p1><aa>30%</aa><br><!--可通过dl dt dd来设置-->
</section>
</div>
<article>
<hgroup> <!--对网页或者区段的标签进行组合-->
<h class="title"><span class="titlet">THE</span> TECHNOLOGY OF FRONT</h><br>
<h class="titlett">前端技术领域</h>
</hgroup>
<pp><span class="first">前</span>端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端<img src="./image/2.jpg" class="artp">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端。</pp><br>
<p class="second">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前</p>
<p class="third">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
</article>
<aside>
<div class="rightpic">
<img src="./image/3.jpg">
<div class="pic-tit">
<h2 class="pic-title">前端技术</h2>
<p class="pic-letter">前端技术前端技术</p>
</div>
</div>
<div class="last">
<div class="lastone">
<ul>
<li><pp class="bletter">前端前端前端前端前端前端前端.................</pp><pp class="sletter">前端</pp></li>
<li><pp class="bletter">前端前端前端前端.........................</pp><pp class="sletter">前端前</pp></li>
<li><pp class="bletter">前端前端前端前端前端前端前端前端............</pp><pp class="sletter">前端</pp></li>
</ul>
</div>
<div class="red-box">
<span class="zero">0</span>
<p class="red-box-one">ONE TWO<br>THREE FOUR FIVE</p>
<pp class="red-box-hello">hello world hello world hello world</pp>
</div>
<div class="hello">
<span class="left">“</span><p>hello world hello world hello world hello world hello world hello world hello hello world hello world hello world hello hello world hello world hello</p><span class="right">”</span>
</div>
</div>
</aside>
</main>
<footer>
<div class="footer-url">
<a href="">ife.baidu.com</a>
</div>
</footer>
</div>
</body>
</html>