1.了解HTML网页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>以上为HTML网页的主体框架
一般在body内部书写主体框架代码
其中：<meta charset=”UTF-8”>为网页的字符集。
2.基础标签
（1）标题标签h1-h6
特性：文字加粗，独占一行，字号逐级递减，上下有空白行。
注意：h1比较重要，一般只用在logo上。
（2）段落标签 p
特性：独占行，上下有空白行。
（3）水平线标签 hr
特性：与浏览器窗口同样宽度（后期一般用border-bottom代替hr）
（4）换行 br
Tip1：浏览器会把代码中的换行和多个空格默认翻译为一个空格。
3.语义化标签
（1）div 没有语义 独占一行 （块级元素）
（2）span 没有语义 一行可以有多个 （行内元素）
（3）b I u s加粗 倾斜 下划线 删除线 （行内元素）
（4）strong em ins del加粗 倾斜 下划线 删除线（语义化更强 推荐）
（5）src 引入图片地址 图像url
4.绝对路径 相对路径
绝对路径：从盘符开始 经过一系列找到的文件
相对路径：./ 进入当前文件所在文件夹（可以省略）
../跳出当前文件所在的文件夹
特别栏目：征服HR
HTML标签语义化的优点
答：标签语义化 就是指标签的含义
- 方便代码的阅读和维护
- 同时让浏览器或者是网络爬虫可以很好的解析，从而更好的分析其中的内容
- 使用语义化标签会具有更好的搜索引擎化
8681
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
