HTML第二講

標籤：水平   val   gif   它的   center   儲存格   表頭   無損壓縮   cells   

　　　　我們都知道，HTML是一種超文字標記語言 (HTML)，它負責網頁的結構。而今天，我們來說一下html的映像屬性，超連結丶錨點　　　　和表格屬性。

　　　　映像的標籤名為<img/>，他的常用屬性有：

　　　　

　　　　Alt -- 代表映像的替代文字

　　　　作用: 當圖片不顯示的時候出現內容 用於提醒使用者本圖片的內容

　　　　Src -- 代表一個映像的源路徑(就是映像的位置)

　　　　Border -- 代表圖片邊框寬度

　　　　Height -- 代表映像的高度

　　　　Width -- 代表映像的寬度

　　　　Title -- 提示字

                           常用格式:

　　　　JPEG  -- 支援多種顏色可以有很高的壓縮比  使用有損壓縮 不支援透明

　　　　

　　　　GIF -- 最多支援256色 支援透明  支援多幀動畫顯示效果

　　　　PNG -- 是一種新的圖片技術 可以表現品質比較高的圖片 使用無損壓縮 支援透明 不支援動畫

　　　　超連結的標籤名為<a></a>它的常用屬性有

　　　　　

　　　　Href -- 代表的是一個url連結源(就是你要連結到什麼位置)

　　　　Url除了是網頁外 還可以是其他的檔案(如:文字檔,圖片等..)

　　　　如果你要跳轉到網站上的時候 必須要在href的裡面寫上我們的協議(http,https)

　　　　Url還可以是指定一個html檔案的一個位置

　　　　target  用來指出哪個視窗或架構應該被此連結開啟

       　　_blank  將串連內容在新視窗開啟

      　　 _parent 將串連內容 當前檔案的上一個畫面

   　　　　 _self   將串連內容顯示在目錄的視窗中（預設值）

 　　　　Title -- 代錶鏈接附加提示資訊

　　　　錨點的用法：

　　　　聲明錨點

            <a name="錨點名"></a>

      　　使用錨點

          　  內部使用方式

                  <a href="#錨點名"></a>

　　　　外部使用方式

　　　　<a href="./demo.html#錨點名"></a>

　　　　<h1 id=”one”></h1>

　　　　表格標籤的使用：

　　　　<table></table>

　　　　常用屬性:

 　　　　 Border 邊框 單位是像素  設定為0則不顯示邊框

 　　　　 Width  表格寬度  可使用像素或者百分比

　　　　Height  表格高度  可以使用像素或者百分

　　　　Cellspacing 儲存格間距 單位為像素 預設為2

　　　　Cellpadding 儲存格內邊距 單位為像素 預設為1

　　　　align 表格相對於周圍元素的位置

 　　　　left（左邊）|center(中間)|right（右邊）

                 Bgcolor 背景顏色

　　　　Background 背景圖片

     　　  2. 列標籤

　　　　<tr></tr> 代表 html中表格的一行內容

 　　　　 常用屬性:

　　　　Align 內容的水平位置

　　　　Left（預設值）|center|right

                Valign 內容的垂直位置

　　　　Top（上面）|middle（中間）（預設值）|bottom（下面）

　　　　Bgcolor 背景顏色

　　　　3. 儲存格標籤

　　　　<td></td> 代表html中表格的一個儲存格

　　　　Width/height 寬度和高度

　　　　Align/valign 對齊

　　　　Left|center|right

　　　　Top|middle|bottom

　　　　Colspan 合并列

　　　　Rowspan 合并行

　　　    <th></th> 在html中的表格中代表儲存格 但是他有特殊的樣式是 加粗置中顯示

　　　　<caption></caption> 表格表頭

　　　　關於html後面的標籤，我們明天再講！

　　　　

HTML第二講