代码注意事项
1.子标签在父标签中需要缩进两个字符
<head>
<meta charset="utf-8">
<title>标题标签</title>
</head>
2.页面内容(三部分）
<!DOCTYPE html><!--1.声明规范 -->
<html>
<head><!--2.头部 -->
<meta charset="utf-8">
<title>标题标签</title>
</head>
<body><!--3.主体 -->
<h1>一级标题</h1>
<a href="">链接</a>
<img src="图片路径" alt="图片替换文字"/>
</body>
</html>
3..F12可以查看网页源代码
火狐：选择查看器
谷歌：选择Elements
常用标签
| 标签 | 作用 | 写法 |
| h1、h2、h3、h4、h5、h6 | 标题标签 | <h1>一级标题</h1>（h1最大，h6最小） |
| p | 段落标签 | <p>段落</p> |
| br | 换行标签 | <br/> |
| hr | 水平线标签 | <hr/> |
| img | 图像标签 | <img src="图片路径" alt="图片替换文字"/> |
| strong | 字体加粗标签 | <strong>文本内容</strong> |
| em | 字体倾斜标签 | <em>文本内容</em> |
| a | 超链接标签 | <a href="目标地址">链接提示语</a> |
注意：标签不区分大小写
<img src="图片路径" alt="图片替换文字"/>中的alt是当图片展示不出来时，以文字方式展示
特殊字符
| 字符 | 作用 |
| | 空格转义符 |
| > | 大于号 > |
| < | 小于号 < |
| " | 双引号 "" |
| © | 版权符号 © |
注意：&开头，分号结尾都是转义符，因此需要注意不能漏掉开始的&和结尾的;
超链接：
页面间链接：
<a href="目标地址（网址或相对地址2，eg."https//www.taobao.com")
" target="">链接提示语</a>
target有两个值：
_self是默认值，表示本页面跳转
_blank表示新建页面跳转（每点击一次都跳转到一个新页面）
_top表示在当前页面打开链接，并替换当前页面
锚链接：
使用锚链接需要先设置锚点，锚点设置使用id="锚点名称"，然后链接标签中的href="#锚点名称"
例子：
设置锚点：<img id="img" src="" alt=""/>
设置锚点：<h1 id="title">标题</h1>
指向锚点：<a href="#img">跳转到图片位置</>
指向锚点：<a href="#title">跳转到标题位置</>
功能性链接：(只做了解)
电子邮件、QQ、MSN等链接：<a href="mailto:ke@kgc.cn">联系我们</a>
行内元素与块元素
块元素
无论内容多少，该元素独占一行（p、h1-h6…）
行内元素
内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、img、em…)
小笔记
- hbuilder 中 ctrl+d 是删除快捷键
- Webstrom 中 ctrl+y 是删除快捷键
511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
