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