#HTML+CSS基础课程# 第一课：html标签

html注释：

<!--注释语句-->

语义化的通俗解释：明白每个标签的用途
语义化的好处：

• 更容易被搜索引擎收录。
• 更容易让屏幕阅读器读出网页内容。

常用标签：

<em>     斜体
<strong> 粗体
<span>   没有语义，它的作用就是设置单独的样式 (比如只是想为它设置和其它文字不同的样式，但并不想让屏幕阅读器对“美国梦”这三个字加重音读出)
<q>      引用文本,会自动加上双引号
<blockquote>长文本引用，浏览器会解析成缩进样式
<br />   换行（xhtml1.0写法，html4.01的写法为“<br>”）
    空格
<hr />   水平线（xhtml1.0写法，html4.01的写法为“<hr>”）
<pre>    代码块，会保留空格和换行

列表：

<ul> 
    <li>列表1</li>
    <li>列表2</li>
     ......
</ul>

有序列表：

<ol>
    <li>1.有序列表</li> 
    <li>2.有序列表</li>
     ......
</ol>

div:

<div>    把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。

表格：

<table>  整个表格以<table>标记开始、</table>标记结束
<tbody>  当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示
<tr>     表格的一行，所以有几对tr 表格就有几行。
<td>    表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
<th>    表格的头部的一个单元格，表格表头。
例子：
<table>
    <tbody>
        <tr>
            <th>第一列表头</th>
            <th>第二列表头</th>
            <th>第三列表头</th>
       </tr>
       <tr>
           <td>第一行第一列</td>
           <td>第一行第二列</td>
           <td>第一行第三列</td>
      </tr>
   </tbody>
</table>

表格加边框CSS：
table tr td,th{border:1px solid #000;}
表格摘要：
<table summary="摘要内容">    不会显示在页面中
表格标题：
<caption>    表格标题

a标签:

<a href="目标网址"  title="鼠标滑过显示的文本"  target="_blank">链接显示的文本</a>     
 target="_blank"    表示在新窗口中刚打开

mailto标签：

mailto标签说明

如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

图片标签

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
   src：标识图像的位置；
   alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
   title：提供在图像可见时对图像的描述(鼠标悬浮图片时显示的文本)；
图像可以是GIF，PNG，JPEG格式的图像文件。

推荐拓展阅读