HTML 路径、超链接标签与列表

路径
目录文件：是普通文件夹，它包含一个网页的相关素材·。
根目录：即打开目录文件夹的第一层。
知道这些后我们就可以了解相对路径和绝对路径了。
1.相对路径：是指图片相对于HTML页面的位置

图像、文件 位于HTML文件的相对位置	符号
上一级	../
同级
下一级	/

2.绝对路径：是指目录下的绝对位置<电脑中的某个位置>,也可以是网页地址。

超链接标签
它的作用是从一个页面链接到另一个页面链接
1.链接语法格式：<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
目标窗口弹出方式：_self 在当前窗口打开，是默认打开方式
_blank 在新的窗口中打开
2.链接分类
外部链接、内部链接、空链接<a href="#">网页</a>、下载链接、网页元素链接、锚点链接
锚点链接：可以快速到页面中的某个位置
在href中上设置属性值为带有“#”的名字的形式 ，找到目标位置标签，在里面添加一个id属性并使其属性值为herf中不带“#”号的名字

 <h4>1.外部链接 当前窗口打开</h4>
    <a href="http://www.qq.com" target="_self">腾讯</a>
    <h4>1.外部链接 新的窗口中打开</h4>
    <a href="http://www.qq.com" target="_blank">腾讯</a>
    <br/>默认值是_self
    <h4>2.内部链接 网站内部的链接</h4>
    <a href="index.html">index</a>
    <h4>3.空链接 #表示</h4>
    <a href="#">不知名网站</a>
    <h4>3.网页元素链接</h4>
    <a href="logo.jpg" target="_blank"><img src="logo.jpg"/></a>
    <h4 id="maodian">锚点链接<h4>
    <a href="#maodian">锚点</a>

HTML中的注释和特殊字符
1.注释
以–>结束，以<!–开头 其快捷键为 ctrl+/
2.特殊符号字符
空格符：&nbsp 、< :&lt、> :&gt

表格标签
主要作用就是为了展示数据
基本语法：<table> <tr> <td> ...</td> </tr></table>
1.表头单元格标签 <th>..</th>
里面的文本内容加粗居中显示
2.表格属性

align	规定表格对周围元素的对齐方式
border	表格是否拥有边框
cellpadding	单元边沿与其内容之间的空白，默认1像素
cellspacing	单元格之间的空白默认2像素
width	规定表格的宽度

3.表格结构标签
将表格分割为表头部分<thead>和表格主体<tbody>两大部分
4.合并单元格
跨行合并：rowspan="个数"最上侧单元为目标单元，写合代码
跨列合并：colspan="个数"最左侧单元为目标单元，写合代码
5.合并单元格
如<td colspan="2"></td>，最后一定要删除多余的单元格

列表
1.无序列表

<ul>
   <li>.....</li>
   <li>.....</li>
</ul>
<ul>中只能嵌套<li>,而<li>中可以嵌套任何标签

2.有序列表

<ol>
  <li>.....</li>
  <li>.....</li>
</ol>
注意事项与无序列表一致

3.自定义列表
一个大哥一群小弟

<dl> <!--相当于一个框架-->
  <dt>名词</dt><!--定义项目/名称-->
  <dd>名词1解释1</dd><!--描述每一个项目名字-->
  <dd>名词1解释2</dd>
</dl>