2018-10-24 html 常用标记

1.文本标记

<h1></h1>
<h2></h2>
...
<h6></h6>

2.段落标记

<p>这是一个段落</p>

3.空格

 //(所占的位置没有一个确定的值，这更当前的字体号和浏览器有关系)

4.加粗

<b></b>
<strong></strong>

5.倾斜

<em></em>
<i></i>

6.强制换行

<br/>

7.水平线

<hr/>

8.列表
(ul ol dl)
无序列表

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

有序列表

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

自定义列表

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

9.图片

<img src="图片路径" alt="图片无法加载时候显示的字符串说明" title="鼠标悬停时候显示的图片说明">

10.相对路径和绝对路径
相对路径：相对于某个文件的路径
例如：

<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="../css/index.css">

绝对路径：真实存在的物理路径 或者 目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
例如：

<link rel="stylesheet" href="C:/Users/an/Desktop/webpage/WebPage/css/index.css">
<link rel="stylesheet" href="/css/index.css">

注意：相对路径和绝对路径是一个很重要的知识点

11.超链接

<a href="链接指向的地址" target="页面的打开方式">说明文本或者图片</a>
//target的值：_self,默认属性,不用打开新窗口    
             _blank,新窗口打开

12.表格

<table>
  <thead>
    <tr>
      <th>表头</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>表身</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
    <td>表尾</td>
    </tr>
  </tfoot>
</table>