1.是什么？
HTML 是一种网页开发的标准语言，我们可以叫做超文本标记语言。
2.为什么？
因为浏览器在展示图文信息的时候，需要容器/骨架承载图文内容。
通俗点理解就是需要HTML来搭建网页的结构（划分页面的结构）。
3.怎么用？
基础模板
<!DOCTYPE html> <!-- 声明文档类型 -->
<html lang="zh"> <!-- 根元素 -->
<head> <!-- 网页头部标签 (不可视化部分) -->
<meta charset="UTF-8"> <!-- 描述网页的信息 字符编码设置为UTF-8 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 针对移动端设置视口相关信息，例如：设备宽度，初始化字体比例-->
<title>网页标题</title><!-- 浏览器topbar显示标题 -->
</head>
<body>
<!-- 网页主体（视化部分） -->
<h1>hello world !</h1>
<div class="text5">5</div>
</body>
</html>4.使用标签时要注意的地方：
- 双标签符合开闭原则<开始标签> </结束标签>
- 单标签<单标签>
- 标签的字母是小写的
- <标签 标签属性=“值”>
5.类名和ID命名时需要注意：
1. 注意采用字母开头，不可以采用数字或者特殊开头
2.不可以采用特殊符号命名 @!#%&*
3.可以采用数字结尾 text1 box1
4.类名属性可以采用驼峰命名 loginButton 、 indexHeader 、 indexList
也可以采用短横线 ‘-’来命名 login-button 、 index-header 、 index-list
5.ID名称建议采用驼峰命名 loginButton 、indexHeader、 indexList
6.不推荐使用中文命名，不是不能使用中文命名
6.特别说明：
html 不是编程语言，css 也不是编程语言。
html 超文本标记语言。标签就是标记
例如： div span img ......
7.无语义标签
div 块标签 （独占一行，可以直接设置宽度和高度）
span 行内标签 （不能直接设置宽度和高度）
8.有语义标签
- h1 ~ h6 标题标签 （块标签）
- p 段落标签 （块标签）
- ul li 列表标签(无序) （块标签）
- ol li 列表标签(有序) （块标签）
- dl dt dd 自定义列表 （块标签）
- img 图片 （行内块标签：同一行显示且可以直接设置宽度高度）（src:图片途径；alt:描述图片；title:图片标签，鼠标放上去就显示）
- ./当前路径 ../上一级路径 ../../上上级路径
- table thead tr th tbody td 表格标签
- form 表单标签 块标签
- input 输入框标签 / 其他作用 行内块标签（同一行显示，可以直接设置宽度高度）
- button 按钮标签
- select option 下拉标签
- a 链接标签
- u 带下划线标签
- i 斜体字标签
- del 带删除线标签
- b 加粗标签
- strong 字体加粗标签
- 。。。。。
9.块级元素
- 块级元素默认属性: display: block;
- display: 展示、渲染
- block: 块
- 块级元素： 独占一行显示,可以直接设置宽度高度。
10.行内元素
- 行内元素默认特点： display: inline 行内展示。
- 行内元素： 在同一行显示，不能直接设置宽度高度。
- CSS中的 display: block;是把标签设置为块级元素的意思
- 行内元素是用于修饰页面的细节。字体颜色、字体大小，文本线
- 块元素用于承载内容，进行排版布局。
- 所以不建议这样写html代码: 行内元素嵌套块元素不符合规范 <span> <div></div> </span>
- 通常是块级元素嵌套行内元素 <div><span></span></div>
11.行内块元素
- 行内块标签的默认属性： display: inline-block 行内块的意思。
- 用于布局页面细节、小的区块，例如：图标、输入框、按钮。
- 行内块标签：可以在同一行显示，也可以直接设置宽度高度。
- 行内块标签因为这个inline-block的原因，通常会伴随着文本空白的出现（元素周围间隙|间距） 可以给行内块元素嵌套一个标签，并且给这个标签设置font-size为0。
12.注意：
- p标签不可以嵌套div或其他块元素，如果采用p标签嵌套div标签，就会出现p标签被分割。
- p标签可以嵌套文本、行内元素,但是不能直接嵌套块元素。
13.注释
注释： 说明描述作用、不被浏览器解析 Ctrl + / 组合
3877
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
