1.<body></body>裏面的內容是網頁顯示的內容;
2.<hx>標籤在<body></body>裏面;
3.同時設置不同段落的字體大小和顏色:
例:讓第一個段落和第二個段落的font-size都爲16px。請不要爲第二個段落添加 class 屬性。
<style>
.color{color:red;}
P{font-size:16px;}
</style>
<pclass=“.color”>…</P>
<p>,,,</p>
注:1.“.color”中的“.”不能少;
2.分號“;”不要漏掉;
4.先定義後使用:
span{color:blue;}
<p>…;<span>中國</span></p>
<span>標籤爲文字設置單獨樣式
5.強調常用strong
6.短文本引用標籤:<q>引用文本</q>
注意要引用的文本不用加雙引號,瀏覽器會對q標籤自動添加雙引號。
7.長文本引用標籤:<blockquote>引用文本</blockquote>
<blockquote>是定義塊引用,顯示效果是左、右兩邊進行縮進;
8.添加水平橫線:<hr/> 注:沒有結束標籤
9.在網頁中顯示一行代碼:<code>代碼語言</code>
注:如果是多行代碼,可以使用<pre>標籤:<pre>語言代碼段</pre>
10.ul-li在網頁中顯示的默認樣式一般爲:每項li前都自帶一個圓點,且沒有先後順序;有先後順序的爲<ol>,<ol>在網頁中顯示的默認樣式一般爲:每項<li>前都自帶一個序號,序號默認從1開始。
11.空格 ,如果有多個的話,要加分號: ; ; ;
12.對於郵件:
1.可以省略<adress></adress>,直接用<a href=“”></a>;
2.網址:<ahref=“http://www.baidu.com”>http://www.baidu.com</a>注:可以省略 http,只要保證有兩條斜線//即可。
3.如果mailto後面同時有多個參數的話,第一個參數必須以“?”開頭,後面的參數每一個都以“&”分隔。
4.郵箱:<a href=“mailto:[email protected]”>[email protected]</a> 注:必須要有 mailto:
13.使用<a>標籤,鏈接到另一個頁面:
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
鼠標滑過顯示的文本和鏈接顯示的文本的內容是一樣的。
14.在新窗口打開:<a href="目標網址" target="_blank">clickhere!</a>
15.插入圖片:<img src="圖片地址" alt="下載失敗時的替換文本" title ="提示文本">
注:img元素是自關閉元素,不需要結束標記。下載失敗時的替換文本 是指圖片不顯示時所顯示的文字
16.<tr>、<td>、<th>以及scope、row、col:<tr>表示表單中的一行,從屬於<table>;<td>表示列,或者可以理解爲一行裏面的單元格,它從屬於<tr>,即<td>是在<tr>內;所以表單可以有多行,每行可以有多個單元格。而<th>包含表頭屬性信息,scope用於標識表頭,結合row(行)、col(列)來標識<th>的表頭屬性,即究竟這個<th>是行的表頭還是列的表頭?:
<html>
<body>
<table border="1">
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td scope="row">1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
顯示效果爲:
17.常見的塊級元素和行內元素:
塊級元素:標題標籤<h>、<p>、<div>、<li>、<ul>、<ol>、<dl>、<dt>、<form>、<table>、<td>、<th>、<tr>、<address>、<caption>等;
行內元素:<a>、<img>、<em>、<span>、<strong>、<input>、<q>、<textarea>、<code>、<i>、<br>等;
18.塊級元素和行內元素之間的相互轉化:
"display:inline":將元素轉爲行內元素,不可設置寬高及內外邊距,高度就是文子或者圖片的寬度,不可以改變,當一行排不下去的時候會換行;
"display:block":將元素轉爲塊級元素,可以設置寬高及內外邊距,獨佔一行;
"display:inline-block":將轉元素爲內聯元素,同時擁有inline屬性和block屬性;(注:只對IE8以上有效,不支持IE6\IE7)