HTML课堂笔记02-21
列表類型和標記符號
| 列表類型 | 標記符號 |
| 定義列表 | dl |
| 無序列表 | ul |
| 有序列表 | ol |
無序列表
語法：
<ul>
<li>項目名稱</li>
<li>項目名稱</li>
<li>項目名稱</li>
</ul>
<ul>：符號標簽（○●■）
type屬性：disc?? ●?( 默認)?????? circle??○???????????? square? ■
ul二層嵌套的時候，如果都沒有說明type的屬性是什么，那么第一個ul下顯示的是disc?? ●，第二個顯示的是circle?? ○。
有序列表
語法：
<ol>
?<li>項目名稱</li>
?<li>項目名稱</li>
?<li>項目名稱</li>
</ol>
ol的屬性type的默認屬性是阿拉伯數字，type的值類型有1、a、A、i、I，5種。
超鏈接標簽
創建超鏈接的標簽為<a>和</a>，使用格式如下：
<a href=“資源地址”?? target=“是否在新窗口顯示”?? title=“指向鏈接時顯示的文字”>
?
| _parent | 在上一級窗口中打開，一般使用分楨的框架頁會經常使用 |
| _blank | 在新窗口打開 |
| _self | 在同一個框架或窗口中打開，該項一般不用設置 |
| _top | 在瀏覽器的整個窗口中打開，忽略任何框架 |
鏈接路徑
絕對路徑：包含了標識Internet上的文件所需要的所有信息，包括完整的協議名稱、主機名稱、文件夾名稱和文件名稱。格式為：
通信協議://服務器地址:端口號/文件位置…/文件名
http://ww.sina.com.cn/web/index.html
–???????根路徑：根路徑文件夾地址的寫法，首先以一個斜線開頭，代表根目錄，然后書寫文件夾名，最后書寫文件名。例如，/myweb/index.html
！！！不建議使用根路徑
相對路徑：是以當前文件所在路徑為起點，進行相對文件的查找。
| 相對路徑 | 含義 |
| href=“index.html” | index.html是本地當前路徑下的文件 |
| href=“web/index.html” | Index.html是本地當前路徑下web子文件夾下的文件 |
| href=“../index.html” | index.html是本地當前文件夾的上一級文件夾下的文件 |
| Href=“../../index.html” | index.html是本地當前文件夾的上兩級文件夾下的文件 |
錨記標
<a name=”標記名”> </a>
<a href=”#標記名”> </a>
發送E-mail：在html頁面中，可以建立e-mail鏈接，當瀏覽者單擊鏈接后，系統會啟動默認的本地郵件服務系統發送郵件，格式為：
<a href=“mailto:e-mail地址?subject=郵件主題”>
描述文字
</a>
subject：電子郵件主題???? cc：抄送收件人
body：主題內容??? ????????????bcc：暗送收件人
多個參數間用“&”分隔
地址和郵件主題之間要用？隔開
LINK 顏色的設置
??????????基本格式：<body link=”顏色” alink=”顏色” vlink=”顏色”>
??????????link 超鏈接尚被選中的文字
??????????alink 超鏈接點選但未被放開的顏色
??????????vlink 超鏈接已被點選過的顏色
圖像標簽
<img>標簽：用于在網頁中插入圖像內容。
–???????src屬性：用于設置圖像文件的相對或絕對URL地址。
HTML的圖像文件類型有以下三種：
–???????GIF：是圖形和圖片的最佳格式，適用于透明或動畫圖形。
–???????JPG或JPEG：更適合存放照片
–???????PNG：擁有許多JPEG與GIF的共同優點，所以最近越來越流行。
圖像文件名的路徑分為絕對路徑和相對路徑兩種：
–???????絕對路徑指的是將圖像文件的全部路徑都寫出來，一般用于顯示其他網站上的圖像文件。
–???????相對路徑就是寫出相對于當前html文件所在的目錄，一般用于圖像文件在本網站中的情況。
注意：
ü??????通過設置width屬性和height屬性可以控制圖像的顯示寬度和高度，他們的長度單位可是百分比，也可是像素。
ü??????Width屬性和height屬性的設置只是改變了圖像的顯示尺寸，圖像文件的實際大小不會因此而發生變化。如果width和height的設置值和圖像實際尺寸不一致時，還會影響圖像的顯示效果。
ü??????因此，圖像的大小應該在圖像處理軟件中進行調整。設置width和height的另一個好處是他們可以在圖像被完全下載之前讓瀏覽器知道該用多大的空間來顯示圖片，這樣瀏覽器可以更快顯示出美觀的頁面。
<IMG> 標簽用于在 HTML 文檔中插入圖像。<IMG>標簽的兩個常用屬性是 SRC和 ALIGN。
SRC 屬性用于指定要插入的圖像位置。
ALIGN 屬性用于指定圖像相對于文本的對齊方式。
圖像的邊框的屬性border的屬性值是數字，如果屬性值是0，那么圖像無邊框。
空隙的設置
Vspace的屬性值是像素是表示垂直上下兩端與物體的距離
Hspace的屬性值是像素是表示水平左右兩端與物體的距離
用圖像作為超鏈接
格式:
??<a href="URL"><img src="URL"></a>
注意點:邊框的問題.
可通過border=“0”去掉邊框
圖像的映射
語法：
<img src=”URL”usemap=””></img>
<map name＝””>
<area shape=”” cords=” , , , ” href＝”URL”>
</map>
轉載于:https://www.cnblogs.com/javaTest/archive/2012/02/23/2589495.html
總結
以上是生活随笔為你收集整理的HTML课堂笔记02-21的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML5标签的语义认知和理解
- 下一篇： ubuntu apache2配置详解(含