- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 10Intel i7-9700K性能跑分曝光：同代提升約12%
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12企業微信怎么登陸 微信企業版賬號登錄方法流程
[摘要]這篇文章介紹的內容是關于HTML學習筆記二 ，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下1、表格<table><table border="1"><tr><td>row 1, cell 1</td>&...
這篇文章介紹的內容是關于HTML學習筆記二 ，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下1、表格<table>
<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
<tr>......</tr>定義行，<td>......</td>定義列
表頭表示：
<tr> <th>heading</th> </tr>
如果要表示一個空行，可以用 空格占位符填充。
2、列表
第一種：無序列表——<ul>，使用粗體圓點標記
<ul> <li>Coffee</li> <li>Milk</li> </ul>
或者使用<ul type="circle">……使用的是空心圓點。
第二種：有序列表——<ol>，使用數字標記
<ol> <li>Coffee</li> <li>Milk</li> </ol>
或者使用<ol start="50">……表示數字從50開始標記。
第三種：自定義列表——<dl>
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
說明：
<dl>表示列表開始
<dt>表示列表項
<dd>表示列表項的定義
注意，列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
3、HTML類
對HTML進行分類，能為元素的類定義CSS樣式。
對相同的類設置相同的樣式。
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<p class="cities">
<h2>London</h2>
<p>
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</p>
</body>
</html>
<p>是塊級元素，用于設置相同類。
<span>是行內元素。
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>4、HTML網站布局
（1）使用<p>進行布局
<head>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>使用<p id="header">......</p>
（2）HTML5提供的新語義元素
<header>定義文檔或節的頁眉
<nav>定義導航鏈接的容器
<section>定義文檔中的節
<article>定義獨立的自包含文章
<aside>定義內容之外的內容（側欄）（？還沒搞清楚這是什么）
<footer>定義文檔或節的頁腳
<details>定義額外的細節
<summary>定義details元素的標題
5、框架
通過使用框架，可以在同一個瀏覽器窗口顯示不止一個頁面。每份HTML文檔成為一個框架，并且每個框架都獨立與其他的框架。
（1）框架結構標簽<frameset>
每個<frameset>定義列一系列行、列
rows/columns的值規定了每行或每列占據屏幕的面積
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
（2）其他
一般地，一個框架有可見邊框，用戶可以拖動邊框來改變它的大小。若想避免，可以在<frame>中添加 noresize="noresize" 。
不能將<body>標簽與<frameset>標簽同時使用。不過添加包含一段文本的<noframes>標簽，就必須將這段文字嵌套于<body>標簽內。
<html> <frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> <noframes> <body>您的瀏覽器無法處理框架！</body> </noframes> </frameset> </html>
<frame>中可以使用name錨屬性，來轉跳到指定節。
<iframe>用于在網頁內顯示網頁
用法：<iframe src="URL" width="200" height="200" frameborder="0"></iframe>
iframe可用作鏈接的目標（target），該鏈接的target屬性必須引用iframe的name屬性。
<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
注意，由于鏈接的目標匹配iframe的名稱，所以鏈接會在iframe中打開。
相關推薦：
以上就是HTML學習筆記二的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
標簽：HTML學習筆記二
推薦資訊 總人氣榜
最新教程 本月人氣
- 1oppo r9與華為榮耀7哪一個好 華為榮耀7與oppo r9比較評測
- 2oppo r9與華為mate s哪一個好 華為mate s與oppo r9比較評測
- 3oppo r9與華為mate8哪一個好 華為mate8與oppo r9比較評測
- 4oppo r9與小米4比較評測 小米4好還是oppo r9好
- 5oppo r9與小米5尊享版哪一個好 小米5尊享版與oppo r9比較評測
- 6oppo r9與vivo x6plus比較評測 vivo x6plus還是oppo r9好
- 7oppo r9與vivo x6哪一個好 vivo x6跟oppo r9的區別
- 8vivo x6s plus與vivo x6s的區別 vivo x6s與vivo x6s plus比較
- 93星s73卡雙待如何弄 3星galaxy s73卡雙待改裝圖文說明教程
- 10oppo r9plus如何預約 oppo r9plus預約圖文說明教程
- 11抱抱軟件如何玩 抱抱軟件如何開美顏 抱抱如何打開美顏圖文說明教程_綠茶安卓網
- 12360手機f4與奇酷青春版比較評測 奇酷青春版與360手機f4哪一個好
- 1蘋果手機如何設置微信透明頭像
- 2鬼怪大結局是什么？韓劇《鬼怪》大結局第16集視頻鏈接
- 3詳細說明MySQL5.7中的關鍵字與保留字
- 4紅米3s與紅米note3哪一個好 紅米note3與紅米3s比較評測
- 5聯想zuk z2開發者模式如何開 聯想zuk z2開發者模式打開圖文說明教程
- 6谷歌瀏覽器|谷歌瀏覽器屏蔽廣告圖文說明教程 谷歌瀏覽器如何屏蔽廣告
- 7用PS如何將照片背景換成藍色
- 8知道sql語句中where與having的區別
- 9mysql event事件調度器的圖文代碼詳細說明
- 10QQ影音如何截取QQ表情？QQ影音截取QQ表情圖文說明教程
- 11QQ影音如何播放3D視頻？QQ影音播放3D視頻設置技巧
- 12最新愛奇藝會員賬號密碼大全（2017.2.20）
