六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

HTML學習筆記二

發表時間：2023-09-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>

如果要表示一個空行，可以用&nbsp空格占位符填充。


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>


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學習筆記一

以上就是HTML學習筆記二的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
主站蜘蛛池模板： 婷婷综合激六月情网 | 一级美女黄色片 | 四虎网址 | 四虎www成人影院免费观看 | 色婷亚洲| 人人公开免费超级碰碰碰视频 | 一国产一级淫片a免费播放口 | 亚洲国产成人久久99精品 | 欧美在线视频不卡 | 特黄特色的大片观看免费视频 | 天天干夜夜爽天天操夜夜爽视频 | 偷拍精品视频一区二区三区 | 四虎国产永久免费久久 | 最新在线观看精品国产福利片 | 伊人精品久久久大香线蕉99 | 午夜亚洲国产成人不卡在线 | 日韩视频在线精品视频免费观看 | 青草青青在线视频 | 日本大片a | 五月婷婷色 | 亚洲欧美大片 | 日韩欧美一区二区三区不卡在线 | 我要看一级黄色 | 天天影视色香欲综合网小说 | 五月天激情婷婷 | 日本五级床片全都免费播放 | 亚洲产在线精品第一站不卡 | 在线观看91精品国产下载 | 亚洲综合色站 | 亚洲国产精品久久久久 | 星辰影院在线观看高清免费观看 | 四虎影视国产精品亚洲精品hd | 日本免费一二三区 | 婷婷综合色伊人阁 | 手机在线观看伦理片 | 午夜精品久久久久久 | 四虎一影院区永久精品 | 无需付费免费mv网站 | 午夜视频在线观看182tv | 天天看逼 | 日韩不卡一级毛片免费 |