这是我参与「第四届青训营 」笔记创作活动的的第1天
本堂课的重点内容
简单介绍一些html的基础知识和部分标签
第一个网页
注释
<!-- 注释 -->
快捷方式： ctrl+/
元素/标签/标记
元素 = 起始标记 + 元素内容 + 结束标记 +元素属性
属性 = 属性名 + 属性值
属性分类：
- 局部属性：某些元素特有的属性
- 全局属性：所有元素通用
有些元素没有结束标记，叫： 空元素
<meta charset="UTF-8">
<meta charset="UTF-8" />
元素嵌套
元素不能相互嵌套
<div>
<p>
</div>
</p>
父元素、子元素、祖先元素、兄弟元素
标准的文档结构
文档声明
<!DOCTYPE html>
根元素
<html lang="en">
</html>
lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。 中文~~cmn-hans/zh-CN
<meta>
文档元数据：附加信息
charset：指定网页内容编码
<title>Document</title>
网页标题
语义化
什么是语义化
- 每个html元素都有具体的含义
a元素：超链接 p元素：段落 h1元素：一级标题
- 所有元素与展示效果无关，元素展示效果与CSS有关
浏览器带有默认的CSS样式
重点：选择什么元素取决于内容的含义，而不是显示的效果
为什么需要语义化？
- 为了搜索引擎优化（SEO)
- 为了让浏览器理解网页
路径的写法
站内资源和站外资源
站内资源：当前网站的资源 相对路径/绝对路径 站外资源：非当前网站的资源 绝对路径
- 绝对路径书写格式：
url地址：
协议名：//主机名:端口名/路径
schema://host:port/path
协议名：http(没有https安全)、https、file(本地文件)
主机名：域名、IP地址
端口号：如果协议是http协议，默认端口号80，如果协议是https，默认端口是443
当跳转目标和当前页面的协议相同，可以省略协议
- 相对路径书写
以./开头，表示当前资源所在的目录 ../表示返回上一级目录 相对路径中./可以省略
元素包含关系
以前：块级元素可以包含行级元素，行级元素不可以包含块级元素，a元素除外
元素的包含关系由元素的内容类别决定
总结：
- 容器元素中可以包含任何元素
- a元素中几乎可以包含任何元素
- 某些元素有固定的子元素（ul>li, ol>li, dl>dd+dt）
- 标题元素和段落元素不能相互嵌套，并且不能包含容器元素
个人总结
HTML是比较简单易上手的，但是需要清楚不同标签的用途。
