Web前端开发学习日记1

经过一礼拜的W3school学习，我发现学的东西有点零散，所以在MOOC上找了一个Web前端开发课程来学习，在Web前端开发中HTML来描述页面结构，CSS来描述页面样式，美化页面，JavaScript则是来描述页面交互行为，提升用户体验。HTML，CSS，JavaScript可以称之为前端开发三大件。

HTML知识复盘（HTML5结构）

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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
	<div align="center"><!--区域标签-->
		<h1>一级标题</h1><!--标题标签-->
		<br /><!--换行标签-->
		<h2>二级标题</h2>
		<p>段落</p>
		<hr /><!--水平线标签-->
		<img src="images/logo.jpg" alt="向右看" /><!--图片标签-->
		<a href="http://www.baidu.com">百度</a><!--超链接-->
    </div>
    <hr /><!--水平线标签-->
    <div align="center">
		<table border="1">
			<tr>
				<td><h1>star top 10</h1></td>
			</tr>
		</table>
	</div> 
	<hr />
	<form><!--表单标签-->
		姓名：
		<input type="text" value="Amy" name="姓名"><!--文本框-->
		密码：
		<input type="password" name="密码"><!--密码框-->
		<input type="submit" value="确定" name="submit">
		<input type="reset" name="reset"><!--提交重置按钮-->
		<br />
		性别：
		男 <input type="radio" name="1" />
		女 <input type="radio" name="1" /><!--单选框-->
		<br />
		爱好：
		音乐<input type="checkbox" name="1" /><!--复选框-->
		体育<input type="checkbox" name="2" />
		阅读<input type="checkbox" name="3" />
	<br /> 
	<select>
		<option>选项1</option><!--下拉列表-->
		<option>选项2</option>
	</select>
	<br />
	<textarea>在这里输入内容</textarea><!--文本区域-->
    </form>
</body>
</html><!--pre 预留格式标签；span段内分组-->

Web语义化：让页面有更好的结构和含义，让人和机器都能快速理解网页内容

1
2
3
4
5
6
<em>强调</em>
<strong>重点强调</strong>
<dl>
	<dt>HTML</dt>
	<dd超文本标记语言></dd>
</dl>