HTML
一.是什么??
1.HTML:根据W3C定义,全称为HyperText Markup Language
用于定义文档的内容结构
中文全称:超文本标记语言
二.什么是HTML元素??
HTML元素是HTML文档的重要组成部分,由大量元素组成。HTML中所有内容结构都是靠元素组织到页面中的
HTML文档是由很多元素组成(标题,图片,文字等等可见东西)
三.HTML元素的组成部分??
元素书写格式
起始标签+元素内容+结束标签
例:<title>第一个网页</title>
<a href="目标">内容</a>
a标签(超链接),元素的附加属性,包含属性名和属性值
href为属性名,属性值为跳转地址(可以有多个属性名,用空格隔开)
四.元素的层次结构
一个元素的内容中可以包含其他元素,但是两个相同元素不能互相嵌套
因此,元素层次结构分为祖先与后代级,父子级,兄弟级三种
注意:
1.p标签
- 不能嵌套p标签
- 2.不能嵌套划分区域标签(header,nav,aside,article,…)
- 3.不能嵌套标题h1到h6
2.a标签不能互相嵌套
五.生成元素与内容的快捷方式:
乱序铭文
p*10>lorem
要生成的元素*(乘以)生成数量>(每个元素里面包含)lorem后面跟个数(随机生成的内容)
批量生产文本:lorem数量
例如:一个article包含三个section,每个section包含三个p随机生成十个单词
article>section3>p3>lorem10
六.扩展内容
<!DOCTYPE html>
1.第一行代码全称Document type:文档类型
主要作用是让浏览器知道用哪个HTML的版本来解析HTML元素
2.charset字符编码集(相当于新华字典)
<meta charset="UTF-8">
作用:告诉浏览器用哪个版本解析文本
上面的版本就是UTF-8(相当于后面所写的内容都可以被UTF-8识别,并通过浏览器展示)
3.解析:把代码翻译成计算机看得懂得语言
4.渲染:让浏览器渲染,形成客户想看到的内容
5.嵌套:A嵌套B,A包含B 不能相互嵌套
例如:
✔A嵌套B
<section>
<p></p>
</section>
❌相互嵌套
<section>
<p>
</section>
</p>