1、HTMLcss
1.html基礎html
(1)當您保存 HTML 文件時,既能夠使用 .htm 也能夠使用 .html拓展名,二者沒有區別
(2)單標籤最好都使用<b/><hr/>
默認狀況下,HTML會自動地在塊級元素先後添加一個額外的空行,好比段落、標題元素先後。bootstrap
(3)屬性:<img width="200px"> <table border="1">
(4)引用:
HTML <q> 元素定義短的引號,如:<p>WWF 的目標是<q>構建</q></p>
用於長引用的 HTML <blockquote>,如:<p>如下內容引用自 WWF 的網站:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年來,WWF 一直致力於保護天然界的將來。</blockquote>
用於縮略詞的 HTML <abbr>:<p><abbr title="World Health">WHO</abbr> 成立</p>瀏覽器
(5)帶有可點擊區域的圖像映射:
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />框架
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>網站
(6)表格<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
</table>htm
(7)bootatrap的組件
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="bootstrap.min.css">utf-8
(8)框架:框架結構標籤(<frameset>)定義如何將窗口分割爲框架.每一個 frameset 定義了一系列行或列.rows/columns 的值規定了每行或每列佔據屏幕的面積
8.1第一種:不能將 <body></body> 標籤與 <frameset></frameset> 標籤同時使用!不過,假如你添加包含一段文本的 <noframes> 標籤,就必須將這段文字嵌套於 <body></body> 標籤內ci
<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">get
<noframes>
<body>您的瀏覽器沒法處理框架!</body>
</noframes>
</frameset>
8.2第二種。上下高度同樣的兩個。下面分別佔一部分的兩塊
<frameset rows="50%,50%">
<frame src="/example/html/frame_a.html">
<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</frameset>
8.3iframe 用於在網頁內顯示網頁 <iframe src="1.小知識.html" width="200" height="200" frameborder="0"></iframe> iframe 可用做連接的目標(target)。 連接的 target 屬性必須引用 iframe 的 name 屬性: <iframe src="http://www.baidu.com" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>(9)(10)(11)