02八、HTML 標籤1列表、圖片、表格

內容簡單看一下理解就好了。

HTML 是用來描述網頁的一種語言。就是用來編寫網頁的語言

 

內容：換行、分割，標籤屬性，編碼方式設置，字體標籤，特殊符號，列表、圖片、表格標籤
############################################
###換行標籤：<br/>
###分割線：<hr/>
###標籤裏面能夠添加屬性，好比：<hr  color = "red" size = "7"   />，通常不使用，如今直接是用CSS

###編碼方式設置

 

###特殊符號

a&ltc, e&gtd

######################################################################
列表標籤(重)

<!-- 列表標籤
一、肯定列表範圍<dl>
二、在範圍中分上層項目<dt>和下層項目<dd>
 -->

<dl>
    <dt>部門名稱</dt>
    <dd>人事部</dd>
    <dd>財政部</dd>
</dl>

<!-- 
有序標識的項目列表用<ol>和<li>
 -->
 <ol type="a">
     <li>有序列表</li>
     <li>有序列表</li>
     <li>有序列表</li>
 </ol>
 
 <!-- 
 無序標識的項目列表<ul>和<li>
  -->
<ul>
    <li>無序</li>
    <li>無序</li>
    <li>無序</li>

</ul>

 

########################圖片標籤
<img alt="xxx" src="http://img.zcool.cn/community/0142135541fe180000019ae9b8cf86.jpg@1280w_1l_2o_100sh.png">
還有圖像熱點

########################表格標籤

<!--
表格標籤<table>
表格中由多少行組成。<tr>
行由多少單元格組成，<td>    <th>(居中並加粗)
-->

<table border="1" bordercolor="blue" cellspacing="0" cellpadding="10" width="500">
    <tr>
        <th>姓名</th> 
        <th>年齡</th>
    </tr>
    <tr>
        <td>張三</td>
        <td>20</td>
    </tr>
</table>

<hr>
<table border="1" bordercolor="blue" cellspacing="0" cellpadding="10" width="500">
    <tr>
        <th colspan="2">我的信息</th>
    </tr>
    <tr>
        <td>張三</td>
        <td>20</td>
    </tr>
</table>

<hr>
<table border="1" bordercolor="blue" cellspacing="0" cellpadding="10" width="500">
    <tr>
        <th rowspan="2">我的信息</th> 
        <td>張三</td>
    </tr>
    <tr>
        <td>20</td>
    </tr>
</table>

 

作出來的三個樣式是這樣子