PHP學習筆記第【3】天(2014.11.2)--HTML標籤學習

                                                《html的元素總結》     
1.<html></html> 創建一個超文本標記語言文檔。

2.<head></head> (頭)設置文檔標題和其它在網頁中不顯示的信息,比如direction方向、語言代碼Language Code、指定字典中的元信息、等等。

3.<BASE> 文檔中不能被該站點辨識的其它所有鏈接源的URL(統一資源定位器)

4.<LINK> 定義一個鏈接和源之間的相互關係,比如引用一個層疊樣式表(英文縮寫:css)、做一個鏈接到一個腳本、爲某文件做一個鏈接(可打印的版本)、文檔特定的工具欄/菜單。

5.<script></script>腳本語句標籤,比如引用一個javascript腳本。

6.<body></body>文檔體,文檔的可見部分。

7.<title></title> 設置文檔的標題。
△當然,如果不使用以上基本框架結構,而直接使用在實體部分中出現的標記符,在瀏覽器下也可以解釋執行
內容描述
8.<h1></h1> 最大的標題(一號標題)

9.<pre></pre> 預先格式化文本 (英文全稱:PREformatted

10.<u></u> 下劃線(英文全稱:Underline)

11.<b></b> 黑體字 (英文全稱:Bold)

12.<i></i> 斜體字 (英文全稱:Italics)

13.<tt></tt>打字機風格的字體

14.<cite></cite>引用,通常是斜體

15.<em></em> 強調文本(通常是斜體加黑體、英文全稱:EMphasize

16.<strong></strong> 加重文本(通常是斜體加黑體)

17.<font size="" color=""></font> 設置字體大小從1到7,顏色使用名字或RGB(中文全稱:紅綠藍)的十六進制值

18.<BASEFONT></BASEFONT>基準字體標記

19.<big></big> 字體加大

20.<SMALL></SMALL> 字體縮小

21.<DELECT></DELECT> 加刪除線

21.<CODE></CODE>程式碼

22.<KBD></KBD>鍵盤字(英文全稱:KeyBoarD

23.<SAMP></SAMP> 範例(英文全稱:SAMPle)

24.<VAR></VAR> 變量(英文全稱:VARiable)

25.<BLOCKQUOTE></BLOCKQUOTE> 向右縮排(向右縮進、塊引用)

26.<DFN></DFN> 述語定義(英文全稱:DeFiNe)

27.<ADDRESS></ADDRESS>地址標記

28.<sup></SUP> 上標字 (英文全稱:SUPerscript)

29.<SUB></SUB> 下標字(英文全稱:SUBscript)

30.<xmp>...</xmp>;固定寬度字體(在文件中空白、換行、定位功能有效)

31.<plaintext>...</plaintext>;固定寬度字體(不執行標記符號)

32.<listing>...</listing> 固定寬度小字體

33.<font color=00ff00>...</font>;字體 顏色

34.<font size=1>...</font>;字體 大小等於1(最小)。

35.<font style ='font-size:100 px'>...</font>;字體 樣式等於無限增大(100像素)
格式標誌標籤

36.<p></p> 創建一個段落 (英文全稱:Paragraphs

37.<p align=""> 將段落按左、中、右對齊

38.<br/>定義新行

39.<blockquote></blockquote> 從兩邊縮進文本

40.<dl></dl> 定義列表(英文全稱:DefinitionList

41.<dt> 放在每個定義術語詞前(定義術語、英文全稱:DefinitionTerm

42.<dd> 放在每個定義之前(定義說明、英文全稱:DefinitionDescription

43.<ol></ol> 創建一個標有序的列表,默認前面有數字,從數字“1”開始計數,依次疊加,也可以設置爲字母或從任何自然數開始計數的列表項 (有序列表、外語全稱:OrderedList

44.<ul></ul> 創建一個無序的列表,默認前面標有圓點,也可以自己設置爲none或者其他形狀,如空心圓、方塊等。(無序列表、外語全稱:UnorderedLists

45.<li> 放在每個列表項之前,若在<ol></ol>;之間則每個列表項加上一個數字,
若在<ul></ul>;之間則每個列表項加上一個圓點

46.<div align=""></div> 用來排版大塊HTML段落,也用於格式化表

47.<MENU> 選項清單

47.<DIR> 目錄清單

48.<nobr></nobr> 強行不換行(英文全稱:nobreaking)

49、<hr size='9' width='80%' color='ff0000'>;水平線(設定寬度、外語全稱:horizontalrule)

50<center></center> 水平居中

網頁表格標籤
由於表格可以精確控制文本和圖像在網頁中的顯示位置,所以在很多網站的主頁中一般都使用表格來進行佈局。
  表格的基本結構如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<Table>
 
 <caption></caption>
 
 <tr>
 
 <th></th><th></th>...
 
 </tr>
 
 <tr>
 
 <td></td><td></td>...
 
 </tr>
 
 <tr>
 
 <td></td><td></td>
 
 </tr>
 
 <tr>
 
 <td></td><td></td>
 
 </tr>
 
 ...
 
 </Table>

  <Table>定義整個表格,即表格的內容要放在<Table>和</Table>標記中;在<Table>中的主要屬性:border屬性顯示錶格的邊框,width, height屬性定義表格的大小。<caption>標記符用來定義表格的標題。
  表格的表示以行爲單位,在行中包含列。其中:一個<tr>...</tr>標記表示一行;一個<td>...</td>標記表示一列;<th>... </th>定義表頭,一般可以不用。
鏈接標誌表格標誌
1
2
<a href="一個統一資源定位器"></a>
:創建超文本鏈接。
1
2
<a name="書籤頁"></a>
:創建位於文檔內部的書籤。
1
2
<a href="#書籤頁"></a>
:創建指向位於文檔內部書籤的鏈接。
使用
每種HTML標記符在使用中可帶有不同的屬性項,用於描述該標記符說明的內容顯示不同的效果。正文標記符中提供以下屬性來改變文本的顏色及頁面背景
BGCOLOR(外語全稱:BackgroundColor)用於定義網頁的背景色BACKGROUND用於定義網頁背景圖案的圖像文件
TEXT用於定義正文字符的顏色,默認爲黑色
LINK用於定義網頁中超級鏈接字符的顏色,默認爲藍色
VLINK(外語全稱:VisitedLINK)用於定義網頁中訪問過的超接鏈接字符的顏色,默認爲紫紅色
ALINK(中文全稱:活動鏈接)用於定義被鼠標選中,但未使用時超鏈字符的顏色,默認爲紅色
例如:標記將定義頁面的背景色爲黑色,正文字體顯示爲白色。
以上屬性使用中,需要對顏色進行說明,在HTML中對顏色可使用3種方法說明顏色屬性值,即直接顏色名稱、16進制顏色代碼、10進制RGB碼。
直接顏色名稱,可以在代碼中直接寫出顏色的英文名稱。如<font color="red">我們</font>,在瀏覽器上顯示時就爲紅色。
16進制顏色代碼,語法格式: #RRGGBB 。16進制顏色代碼之前必須有一個“#”號,這種顏色代碼是由三部分組成的,其中前兩位代表紅色,中間兩位代表綠色,後兩位代表藍色。不同的取值代表不同的顏色,他們的取值範圍是00--FF。如<font color="#FF0000">我們</font>,在瀏覽器上顯示同樣爲紅色。
10進制RGB碼,語法格式: RGB(RRR,GGG,BBB) 。在這種表示法中,後面三個參數分別是紅色、綠色、藍色,他們的取值範圍是0--255。以上兩種表達方式可以相互轉換,標準是16進制與10進制的相互轉換。如<font color="rgb(255,0,0)">我們</font>,在瀏覽器上顯示字體爲紅色。
使用圖案代替背景顏色,可以使頁面更生動、美觀。
如今用一張大圖當做網頁的背景已經成爲一種流行趨勢,高質量的精美照片和抽象的設計圖片能夠給網站的外觀帶去深刻的影響。
可將圖像文件“圖像.gif”所表示的一幅圖像作爲頁面的背景,若圖像幅面不夠大,將會將圖像重複平鋪在窗口中。

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