-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtask_1_6.html
More file actions
116 lines (114 loc) · 6.64 KB
/
task_1_6.html
File metadata and controls
116 lines (114 loc) · 6.64 KB
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>task_1_6</title>
</head>
<link href="task_1_6.css" type="text/css" rel="stylesheet">
<body>
<div class="containter">
<div class="header">
<header>
<span class="header_ife">ife.baidu.com</span>
<span class="header_time">2016.03</span>
</header>
</div>
<div class="box1">
<div class="box1_left">
<img src="task_1_6_左上大图.png">
<div class="color_green"></div>
<div class="color_red"></div>
</div>
<div class="box1_right">
<p class="text1"><b >A</b>BOUT</p>
<p class="text1"><b >T</b>ECHNOLOGE</p>
<span class="text2">About technologe About technologe About technologe</span><br/>
<p class="text3"><i>700</i></p>
<span class="text4">3.2</span>
<span class="css">css</span>
<span class="long">cssssccsccscssc</span>
</div>
</div>
<div class="box2">
<div class=" what">
<h2 class="what_header">What</h2>
<p>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
</div>
<div class=" what">
<h2 class="when_header">When</h2>
<p> 前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端</p>
</div>
<div class=" what">
<h2 class="how_header">How</h2>
<p>前端前端前端前端前<br>
端前端前端前端前端前端<br>
前端前端前端前</p>
<div class="percent">
<p class="per">What--------<span>40%</span></p>
<p class="per">What--------<span>30%</span></p>
<p class="per">What--------<span>30%</span></p>
</div>
</div>
</div>
<div class="box3">
<div class=" box3_left">
<div class="left_header">
<p ><span class="header_text1">THE</span><span class="header_text2">TECHNOLOGE<br/> OF FRONT</span></p>
<p class="header_text3" >前端技术领域</p>
</div>
<div class="box3_artical">
<p><span>前</span>端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前
端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前
<img src="task_1_6_配图三.png" alt="" class="task_1_6_3">
端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前
端前端前端前端前端前
<p style="text-indent: 2em">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
前端前端前端前端前端前端前端前端前端前端</p>
<p style="text-indent: 2em">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前
端前端前端前端前端前端前端 </p>
</div>
</div>
<div class="box3_right">
<div class="box3_right_image">
<img src="task_1_6_配图二.png">
<div class="image_bottom">
<p class="bottom_text1">前端技术
<span class="bottom_text2">前端技术前端技术</span></p>
</div>
</div>
<div class="box3_right_bottom" >
<p class="title">前端前端前端前端前端前端......................<span class="title_right">前端</span></p>
<p class="title">前端前端前端前端.............................<span class="title_right">前端</span></p>
<p class="title">前端前端前端前端前端前端前端..................<span class="title_right">前端</span></p>
<div class="hello">
<div class="hello_left">
<span class="zero">0</span>
<div class="two">
<p class="three">ONE TWO</p>
<p class="three">THREE FOUR FIVE</p>
<p class="hw">hello world hello world <br/><br/>hello world</p>
</div>
</div>
<div class="hello_right">
<p class="word"><span class="right_1">“</span>world hello world hello world hello world hello world hello world hello world hello world<span class="right_2">”</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<span>ife.baidu.com</span>
</footer>
</body>
</html>