HTML樣式

標籤

<style>   樣式定義
<link>    資源引用

標籤屬性

rel = "stylesheet"    外部樣式表
type = "text/css"     引入文件型別
margin-left           邊距

三種樣式表插入方法

外部樣式表

<link  rel="stylesheet" type="text/css" href="mystyle.css">

內部樣式表

<style  type="text/css">
   body{
       backgroud-color
 
:red
   }
   p{
       margin-left:20px
   }

</style>

內聯樣式表

<p  style="color:red">

HTML連結

分類

1. 文字連結
2. 圖片連結

相關屬性

href   指向另一個文件的連結
name   用來建立文件內部連結（頁面內的跳轉）
alt    <img>標籤的替換文字屬性（圖片的描述）

例子如下：

<a  href="www.baidu.com">
    <img  src="aaa.png",width="200px"
 
,height="200px",alt="圖片描述">
</a>

HTML表格

常用表格標籤

<table>     定義表格
<caption>   定義表格標題
<th>       定義表格頭
<tr>       定義表格的行
<td>       定義表格單元格
<thead>    定義表格頁首
<tbody>    定義表格主體
<tfoot>    定義表格頁尾
<col>      定義表格列屬性

例子如下：

<table>
 

  <tr>
     <td>單元格1</td>
     <td>單元格2</td>
     <td>單元格3</td>
  </tr>
   <tr>
     <td>單元格1</td>
     <td>單元格2</td>
     <td>單元格3</td>
  </tr>
  ...
</table>