HTML標簽及屬性.docx_第1頁
HTML標簽及屬性.docx_第2頁
HTML標簽及屬性.docx_第3頁
HTML標簽及屬性.docx_第4頁
HTML標簽及屬性.docx_第5頁
已閱讀5頁,還剩12頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1. 詳解HTML標簽和屬性在HTML中,通常標簽都是由開始標簽和結束標簽組成的,開始標簽用“”表示,結束標簽用“”表示。元素指的是包含標簽在內的整體,除去標簽的部分叫做內容。屬性要在開始標簽中指定,用來表示該標簽的性質和特性。通常都是以“屬性名=”值”的形式來表示,用空格隔開后,還可以指定多個屬性。指定多個屬性時不用區分順序顏色的指定方法用HTML指定顏色有兩種方法1、用16進制數值來指定:在#號的后面,把RGB的各個選項用十六進制的數值來表示,數值保持兩位數。2、指定顏色的名稱:可以對基本的16色用名稱來指定其顏色指定文件的位置在對某部分設置鏈接的時候,需要指定鏈接端HTML文件的位置;同樣,如果想在該處顯示圖像也需要指定圖像的位置。在HTML中,這個位置用URL來表示,有以下兩種表示方法:1、絕對URL:絕對URL就是用Web瀏覽器查看網頁時,地址欄中顯示的以http:/開頭的路徑2、相對URL:相對URL是在同一站點內進行設置,類似于在同一磁盤上管理文件的形式。這種方法是以當前文件的位置為基準。使用相對URL時,如果要指定的文件在當前文件的下級,就從目錄名開始一直寫到要指定的文件名,中間用“/”符號隔開。如果在當前文件的上級,每上一級就加一個“./”符號2、基本內容顯示HTML的版本HTML的版本表明HTML文件是按照哪個版本進行編寫的(標明該HTML文件遵循的DTD文件),不同的版本和種類都有固定的書寫格式,要按照固定的格式輸入文件開頭,然后在文件開頭處寫明版本,按照這種版本的規定格式進行編寫必須使用的標簽HTML文件的開頭寫有的部分,代表HTML的版本,其后是必須存在的四種標簽首先,后面的整個都要用html標簽()括起來,其中要按照head標簽(/head)和body標簽的順序()的順序進行排列。在head標簽中填寫與該文件相關的信息,body標簽中填寫世紀要在瀏覽器上顯示的內容。另外,在head標簽中,只能有一個代表文件標題的title標簽設置頁面的文字顏色設置頁面的背景顏色設置頁面的背景圖像按照目的設定范圍插入注釋3、設置文件信息添加標題title標簽用來給HTML文件添加標題這個標簽一定要位于圈定的范圍內。在這里指定的標題除了可以在通常的瀏覽器窗口的標題欄中顯示以外,還可以作為加入收藏夾時的標題顯示文件編碼meta標簽的charset屬性表示該HTML文件是用什么文字編碼編寫的注意,該標簽一定要位于范圍內添加關鍵字、內容介紹及作者姓名這些信息都不會在畫面上顯示出來,但是搜索引擎在收集信息時要用到注意,該標簽一定要位于范圍內設置樣式表和腳本語言的種類在HTML文件內可以設置樣式表和腳本的默認語言注意,該標簽一定要位于范圍內設置進入網頁rel:在本頁看到的,與URL標明的網頁之間的關系rev:在URL標明的網頁中看到的,與本頁之間的關系link標簽表示的是該文件和與其相關的其他文件之間的關系注意,該標簽一定要位于范圍內設置標準URLbase標簽用來設置將該頁中使用的相對URL的標準指向成絕對URL,指定了這個標簽之后,在該頁指定的相對URL就會全部認定為已在這里指定的絕對URL。如果不進行這項設置,就以當前頁的位置為標準,如果指定了Target屬性,就可以指定打開鏈接地址網頁的默認框架和窗口注意,該標簽一定要位于范圍內設置自動倒入網頁功能在經過數秒后,自動開始導入網頁。如果指定了要移動到的URL,就會導入URL指定的網頁。如果沒有指定,就會再次導入相同的頁注意,該標簽一定要位于范圍內4、設置文本類型設置各級標題設置段落p標簽表示的是該部分為一個段落設置聯系地址address標簽表示的內容是該網頁制作者的聯系地址和有關網頁內容的咨詢地址等信息設置強調內容這兩個標簽所圈內容表示該部分是強調的內容設置較短的引用文字q標簽代表的意思是該部分為較短的引用文,在引用段落的某一部分的時候使用,如果使用cite屬性,還能夠把引用頁的URL顯示出來設置較長的引用文章設置文字內容的出處設置縮略語title:不處于省略狀態下的詞匯(字符串)設置添加的內容設置需要刪除的內容突出顯示段落中的術語表示與程序關聯的文本:輸入文本:輸出樣本:源代碼:變量顯示特殊符號<:":”&:&5、設置顯示方式設置文字的換行添加了br標簽之后,文本就會再該處換行。即使在HTML代碼中已經換行了,在瀏覽器上顯示的時候卻反映不出來,因此如果想在瀏覽器上換行的話,就要使用br標簽添加不同橫線效果加入了hr標簽后,就可以在其標注的地方顯示橫線設置文本格式:黑體字:斜體字:等大字體:上標:下標:下劃線:刪除線設置空格和換行標簽可以保留文字在源代碼中的格式,使得頁面中顯示的內容和源代中的格式完全一致設置居中效果center標簽用于將指定范圍內的內容設置為居中設置行對齊方式使用align屬性可以設置標題、段落以及指定范圍內的行對齊方式設置文字顏色設置字體類型字體名”設置字體字號相對改變字體大小:增大:減小:增大n號:減小n號設置字號的基本大小size:176、設置鏈接相關的屬性鏈接到其他頁面a標簽的href屬性能把指定的范圍鏈接到其他頁面上,鏈接部分的詞語要設置得讓人看到這個部分就能聯想到鏈接網頁上的具體內容另外,在鏈接圖像的時候,一定要插入替代的文字(alt=”)使用戶能夠很明確的了解到鏈接的目標鏈接到當前頁的特定位置:指定鏈接文件(從什么位置開始鏈接):指定鏈接的地址(要鏈接的位置)如果一頁上的內容非常多,可以在一個網頁中給特定的位置命名,然后再鏈接到該位置(跳轉)。在給鏈接對象位置命名的時候要使用name屬性。然后,在鏈接的時候,要用href屬性在鏈接地址名稱的前面加上#號設置鏈接到其他頁面的特定位置:指定鏈接源(從什么位置開始鏈接):指定鏈接的地址(要鏈接的位置)在鏈接到其他網頁上的時候,可以先給那一頁上特定的位置命名,然后鏈接到該位置。在給鏈接對象位置命名的時候要使用name屬性。然后,在鏈接的時候,要用href屬性設置成”URL+#+位置名”這樣一種格式設置鏈接文字的顏色link:還沒有看見的鏈接部分的文字顏色vlink:已經看見的鏈接部分的文字顏色alink:鼠標單擊鏈接部分的文字顏色body標簽用于設置網頁整體鏈接部分的文字顏色在新窗口中打開鏈接網頁利用target屬性可以設置打開鏈接窗口的方式通過設置鏈接來啟動郵箱7、制作不同類型的列表為列表添加不同類型的標記列表項目1列表項目2ul標簽的作用是將列表(條款形式)加上圓點或方括號的標記。列表的整體要在標簽范圍內,在這之間的各個項目要在標簽之內更改列表標記標記的種類包括disc、cicle和square制作帶序號的列表列表項目1列表項目2改變序號的樣式改變序號的順序制作包含專用語和解釋的列表專用語對其解釋8、設置表格表格的基本形式:整個表格:單獨一行:單元格:標題用:單元格:數據用表格的整體要圈在之間顯示,表格當中某一個單元格用表示或者表示。每個單元格都在表的單獨以行,放置在中。也就是說,table標簽的內容是由tr標簽構成的。各個tr標簽的內容是由表示單元格的th或者td標簽構成的。th標簽代表這個單元格的內容是標題。td標簽代表這個單元格的內容是數據為表格添加標題caption標簽用來給表格添加標題該標簽一定要放在table標簽的緊后面。標題的顯示位置(即對齊方式)可以指定在表格的上部,或者表格的下部指定表格的大小寬度:針對像素或者窗口的百分比指定單元格大小合并單元格垂直方向的合并數:從當前單元格開始向下合并的單元格數水平方向的合并數:從當前單元格開始向右合并的單元格數設置單元格之間的距離設置單元格邊框與內容之間的距離設置單元格中的行對齊方式和列對齊方式align屬性用于設置單元格內的行對齊方式,valign屬性用來設置單元格內的列對齊方式禁止在單元格內換行設置表格和單元格的背景顏色bgcolor屬性用于指定表格和單元格中的背景顏色設置表格和單元格的背景圖像background屬性用于指定表格和單元格中的背景圖像設置表格外框的寬度設置表格外框的顯示形式設置表格內補邊框線的顯示形式定義表格中的橫行:表頭部分:表體部分:表底部分thead標簽、tbody標簽和tfoot標簽都是用來定義表格的橫行(tr標簽)的這樣組合之后,就可以針對該組合的整體來應用屬性和樣式表。使用這些標簽的時候,一定要以thead標簽、tfoot標簽和tbody標簽的順序進行排列。在一個表格里,只能放置一個thead標簽和一個tfoot標簽,而tbody標簽可以根據需要放置多個利用縱列設置表格屬性和樣式表col標簽不僅可以用來改變表格的縱列結構,還可以用來根據縱列,來綜合指定寬和行對齊方式等屬性以及樣式表該標簽放置的位置要在caption標簽的緊后面(如果沒有caption標簽,就放在table標簽的開始標簽的緊后面),以及thead標簽和tr標簽的前面設置表格居中將表格嵌入到文本中位置:left,right將table標簽的align屬性指定為left或者right后,就可以將表格以居左或居右的方式嵌入到文字中間如果想要解除嵌入狀態,可以使用標簽的clear屬性解除表格的嵌套left:解除左側表格的嵌套right:解除右側表格的嵌套all:解除兩側表格的嵌套設置表格與嵌套文字之間的距離垂直距離:表格的上下框與文字間的距離水平距離:表格的左右框與文字間的距離9、設置圖像與多媒體插入圖像使用img標簽,可以把圖像插入到HTML文件中圖像的格式一般可以使用GIF格式、JPEG格式和PNG格式不管圖像實際的大小如何,都會按照在這里所指定的寬度和高度來顯示alt屬性是在不能顯示圖像的情況下,指定替代圖像所使用的文字設置圖像的邊框設置圖像與文字的垂直位置關系在同一行中,如果有圖像和文字,那么就可以用align屬性來設置圖像和文字的垂直位置關系制作圖像熱區在map標簽中,用來設置實際單擊的區域和鏈接地址的是area標簽在area標簽中,一定要指定表示鏈接地址的替代文字,之后要用image標簽的usemap屬性指定定義后的image map的名稱(名稱前面要加#),這樣圖像就可以作為image map產生相應的效果將圖像嵌套在文本中位置:left,right解除圖像的嵌套設置圖像與周圍文字之間的距離放置Java小程序applet標簽是嵌入Java小程序時要使用的標簽如果使用param標簽,在執行java小程序時,需事先指定一些必要值。這時,param標簽要位于范圍的最開始部分10、制作不同類型的表單制作填寫表單URL:用來處理發送后表格的程序的URL發送形式:get,postMIME類型:以post方式發送內容時的MIME類型窗口名稱:先是發送結果的窗口或框架名form標簽表示在表單中填寫的內容是可以發送的制作發送按鈕標簽:在按鈕上顯示的文字名稱:按鈕的名稱將input標簽的type屬性設置為submit,再根據form標簽的設置,可以制作發送填寫在表單中數據的按鈕制作重置按鈕制作通用按鈕通用按鈕通常與JavaScript等腳本語言組合使用利用圖像來制作發送按鈕通常,發送按鈕都使用input type=”submit”代碼,不過圖像也可以作為發送按鈕,具有發送功能。這時,圖像被單擊的位置將和表單的內容一起被發送制作不同功能的發送按鈕類型:submit,reset,buttonbutton標簽是用來制作按鈕專用的通過指定type屬性值,就可以產生具有不同功能的按鈕,包括發送按鈕、重置按鈕和通用按鈕。另外,在中放置相應的內容,可以作為按鈕的標簽顯示出來。在需要進行其他處理并設置多個發送按鈕的情況下,根據name屬性和value屬性所顯示的值,接受方就可以分辨出單擊的是哪一個發送按鈕制作單行文本框制作多行文本框制作輸入密碼的文本框插入隱藏域制作單選按鈕將input標簽的type屬性設置為radio,可以用來制作單選按鈕。單選按鈕是多個選項當中只能選擇其一的按鈕。作為公共項目的選項而使用的單選按鈕,要把它們都指定為同一名稱。另外,發送數據的時候,為了識別所選的是哪一項,要用value屬性來指定相應的值制作復選框將input標簽的type屬性設置為checkbox,可以用來制作復選框。復選框可以在多個選項當中進行多項選擇。作為公共項目的選項而使用的復選框,要把它們都指定為同一名稱。另外,發送數據的時候,為了識別所選的是哪一項,要用value屬性來指定相應的值制作菜單:菜單整體:菜單項:菜單項select標簽用來制作菜單菜單的整體要在范圍之內顯示,然后按需要的數量在其中放置表示選項的。范圍之內要寫上實際菜單要顯示的選項的名稱。另外,如果省略了value屬性,在這里記錄的文字本身就會作為所選值發送組合菜單選項:制作組合菜單:組合內的選項組合名稱:第一級顯示的組合標題次選項:對應組合名稱下面的在第二級顯示出來的選項制作的菜單選項可以利用標簽組合起來制作下拉列表:下拉列表框:菜單項:菜單項在用于制作菜單的select標簽中指定了size屬性后,就可以顯示下拉列表框添加選擇文件的功能將input標簽的type屬性設置為file,可以自動做成能夠選擇發送表單數據的文件按鈕和文本框綜合利用菜單選項:組合:組合的標題field標簽用來把填寫在表單中需要包含的輸入內容和選項組合起來在的最開始部分放置legend標簽,并且給該組合加上標題將標簽文字與項目一體化參照ID:添加了標簽的對象的id屬性值lable標簽的作用是在輸入項和選項及其標簽文字之間建立起明確的關聯,并使其一體化11、利用框架布局網頁設置框架整體結構高度:在垂直方向上分布的多個框架的高度,按從上到下的順序依次用逗號隔開來指定寬度:在水平方向上分布的多個框架的寬度,按從左到右的順序依次用逗號隔開來指定URL:作為框架內容顯示的HTML文件的URL框架名稱:在指定鏈接等顯示目標的時候使用的名稱使用框架功能可以把窗口橫豎切割開,然后在不同的塊區域中顯示其他的HTML文件。在指定了框架的文件中,原來body標簽所在的位置,要放置frameset標簽,這主要是由于在框架頁面中不能使用bo

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論