菜鸟HTML基础1

HTML

---

1.html是什么

1.1 html的发展史

1.2 W3C标准

---

1.3 html的简介

1.html的实例

---

1.4 html标签大全

1.标题标签

<h1>...</h1> # 一级标题 
<h2>...</h2> # 二级标题 
<h3>...</h3> # 三级标题 
<h4>...</h4> # 四级标题  
<h5>...</h5> # 五级标题 
<h6>...</h6> # 六级标题 

2.段落标签

<p>...</p>

3.换行标签

<br/>

4.水平线标签

<hr/>

5.字体样式标签

---

加粗：<strong></strong> 斜体：<em></em>

6.图像标签

---

1.图片格式

1.5 超链接

---

1.6 注释和特殊符号

---

1.注释

以 结尾 快捷键： Ctrl+/

​ 2.特殊符号

1.7 块元素和行内元素

---

1.块元素 : 无论内容多少，该元素独占一行（p、h1-h6…）
行内元素 : 内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)

1.8 列表、表格与媒体元素

---

1.列表

1.列表的定义 
列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以 便浏览者能更快捷地获得相应的信息

​ 2.列表的分类

• 无序列表

• 有序列表

• 定义列表

1.无序列表
   <ul>
       <li></li>
</ul>
特性：
1. 没有顺序，每个 
2. 标签独占一行（块元素）
3. 默认 
4. 标签项前面有个实心小圆点 
5. 一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等

2.有序列表
    <ol>
        <li></li>
</ol>
特性：
1. 有顺序，每个
2. 标签独占一行（块元素）
3. 默认 
4. 标签项前面有顺序标记 
5. 一般用于排序类型的列表，如试卷、问卷选项等

3.定义列表
    <dl>
        <dt></dt>
        <dd></dd>
        <dd></dd>
</dl>
特性：
1. 没有顺序，每个 标签、 标签独占一行（块元素）
2. 默认没有标记 
3. 一般用于一个标题下有一个或多个列表项的情况

​ 3.列表的对比