HTML基础知识

1.  常用标签的语义和特点

定义注释：<!---->
    解释代码
    隐藏代码
定义锚（创建超链接）：<a>
定义粗体：<b>
换行：<br>
定义标题：<h1>to<h6>
定义水平线：<hr>
定义图片：<img>
定义斜体：<i>
定义段落：<p>
定义列表：
    定义有序列表：<ol>
    定义无序列表：<ul>
    定义自定义列表：<dl>
    定义菜单列表：<meau>
定义下划线：<u>
强调：<strong>
定义表格：<table>
定义块：<span>

2.  块级元素和行内元素
①块元素：独占一行，排斥与其他元素同一行，常用于页面的布局，块级元素会自动换行，可以设置宽度和高度。
常见块级元素：<div>、<h1>to<h6>、<p>、<hr>、<ol>、<ul>等。
注意：除<p>标签外，块级元素可以包含其他的块级元素。
②行内元素：默认与其他元素一行，不可以包含块元素，可以包含其他的行内元素，多用于包裹文字，不可以设置长宽度和高度。
常见行内元素：<strong>、<em>、<span>、<input>、<a>等。

3.  常用实体元素

大于号>：&gt
小于号<：&lt
与&：&amp
双引号"：&quot
单引号'：&apos
分￠：&cent
元¥：&yen
磅£：&pound
版权：&copy
注册商标：&reg
商标：&trade
空格：&nbsp
    全角空格：&emsp
    半角空格：&ensp
乘号*：&times
除号/：&divide

4.  超链接和图片标签
<a>标签：创建超链接
使用<a>标签的方式：
①使用href属性：指向另一个文档的链接。
②使用name属性：创建HTML文档页面内的书签。
③使用target属性：定义被连接的文档在何处显示。

图片标签：<img>
<img src=" ">：src源属性，它的值是图像的URL地址，可以是相对地址，绝对地址，也可以是在线链接地址。

<img src=" ",alt=" ">：alt属性定义一段对图像描述的文字，浏览器无法加载图片上，显示文字描述。

<img src=" ",title=" ">：title属性定义一段文字，当鼠标悬停在图片上时，显示文字。

注意：<img>标签虽然是行内元素，但是可以通过css样式来设置它的宽高，属于行内块。

5.  相对路径和绝对路径
相对路径：相对于当前文件的路径
绝对路径：文件或目录在硬盘上真正的路径
网络上以http开头的链接都是绝对路径
相对路径：
“./”：代表目前所在目录
“../”：代表上一层目录
以“/”开头：代表根目录

6.  列表

有序列表：常与<li>标签嵌套使用，相对于<ul>不常用。

<ol><li></li></ol>

无序列表：常与<li>标签嵌套使用。

<ul><li></li></ul>

自定义列表：

<dl><dt><dd></dd></dt></dl>

菜单列表：

<meau></meau>