這幾天的自學總結匯總

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.空格&nbsp,如果有多個的話,要加分號:&nbsp;&nbsp;&nbsp;


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)


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章