1. 程式人生 > >6.2標簽和列表

6.2標簽和列表

color bubuko 指定 .com 例如 aaa tro target 透明度

一、標簽

屬性(在開始標簽裏寫鍵值對)

例如: style=“屬性值”
顏色
1.英文 如:red
2.16進制代碼 例如:#cccccc #ccc
3.Rgba(0~255,0~255,0~255,0~1)前三個是rgb值,0~255,0表示最深,r是red,g是green,b 是blue 整個顏色由rgb三色配成

a:透明度0-1;
0:完全透明;
1:完全不透明


路徑
1.絕對路徑(從根開始找)/根盤符/具體路徑
2.相對路徑(從自身位置開始找)自身叫index.html
Wjj\aa.html
./ 同級文件夾 可省略
../ 上級文件夾
./Wjj/ 下一級


實體
&實體符號;
常用  空格實體符號

a標簽

1、頁面跳轉

<a href="路徑" target="打開方式">內容</a>

例子:<a href="http://www.baidu.com" target="_blank">

跳轉到百度</a> 直接點擊打開網站

<a href="wjj/aa.html">跳轉頁面1</a>點擊跳轉指定目錄內的網頁

2、定位:

設定錨點

在要定位到的位置 找一個標簽給他加id屬性 屬性值就是錨點名稱

定位到錨點

跳轉的指定錨點

例子:<a href="#id名稱">內容</a>

<標簽 id=”id名稱”>跳轉目標位置內容</標簽>

3、下載 其他

a標簽跳轉到的文件 瀏覽器打不開 提供下載

先將圖片壓縮,然後輸入路徑

img標簽 圖片

<img src="路徑" alt="圖片替代文本">

可以和a標簽嵌套使用

例子:圖片下載 <a href="../手繪素1.7z">

<img src="手繪素1.jpg" width="400" height="350" >

</a>

iframe標簽 窗口框架

<iframe> 標簽規定一個內聯框架。

一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。

例子:<iframe name="aaa" src="a_img_li.html" frameborder="0"></iframe>

例子:

技術分享圖片

二、列表

列表標簽: ol ul li

無序列表ul

有序列表ol

列表格式

<ul>

<li>內容</li>

<li>內容</li>

<li>內容</li>

</ul>

列表可以嵌套分級使用

例子:<ol>

<li>濟南</li>

<li>淄博

<ol>

<li>張店</li>

<li>周村</li>

<li>臨淄</li>

<li>淄川</li>

</ol>

</li>

</ol>

結果顯示:

技術分享圖片

博客裏寫

  1. 遇到問題。
  2. 怎麽解決的。
  3. 上課講的

註意:

1. 文件發送

壓縮後寫清發送日期名稱內容

2.代碼格式縮進,註意嵌套

6.2標簽和列表