版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、 取消換行 和相反總類(所有HTML文件都有的)-文件類型 (放在檔案的開頭與結尾)文件主題 (必須放在文頭區(qū)塊內)文頭 (描述性資料,像是主題)文體 (文件本體)結構性定義(由瀏覽器控制的顯示風格)-標題 (?表示從1到6,有六層選擇) 數(shù)值越高字越小標題對齊 左對齊、居中對齊、右對齊區(qū)分 區(qū)分對齊 左對齊、右對齊、居中對齊、兩端對齊引文區(qū)塊 (通常會內縮)斜體加粗引文 (通常會以斜體顯示)碼 (顯示原始碼之用)樣本 表示一段用戶應該對其沒有什么其他解釋的文本。要從正常的上下文抽取這些字符時,通常要用到這個標簽。并不經常使用,只在要從正常上下文中將某些短字符序列提取出來,對其加以強調,才使用
2、這個標簽鍵盤輸入 變數(shù) 定義 (有些瀏覽器不提供)地址 3.0 大字 3.0 小字 與外觀相關的標簽(作者自訂的表現(xiàn)方式)-加粗 斜體 3.0 底線 (尚有些瀏覽器不提供)3.0 刪除線 (尚有些瀏覽器不提供)3.0 下標 3.0 上標 打字機體 (用單空格字型顯示)預定格式 (保留文件中空格的大?。╊A定格式的寬度 (以字元計算)N1.0+ 向中看齊 (文字與圖片都可以)N1.0 閃耀 (有史以來最被嘲弄的標簽)N1.0 字體大小 (從1到7)N1.0 改變字體大小 N1.0 基本字體大小 (從1到7; 內定為3)N2.0 字體顏色 連結與圖形-鏈接 連結到錨點 (如果錨點在另一個檔案) (如
3、果錨點目前的檔案)N2.0 連結到目的視框 設定錨點 圖形 圖形看齊方式 N1.0 圖形看齊方式 取代文字 (如果沒有辦法顯示圖形則顯示此文字)點選圖 (需要CGI程式)N2.0 點選圖 N2.0 地圖 (描述地圖)N2.0 段落 3.0 大小 (以pixels為單位:px)N1.0 圖形邊緣 (以pixels為單位)N1.0 圖形邊緣空間 (以pixels為單位)N1.0 低解析度圖形 N1.1 用戶端拉 (使用端自動更新 )N2.0 內嵌物件 (將物件插入頁面)N2.0 內嵌物件大小 分隔-段落 (通常是兩個return)3.0 段落 (新定義成容器型標簽)3.0 文字看齊方式 換行 (一
4、個return)N1.0 文字部份看齊方式(與圖形合用時)橫線 N1.0 橫線對齊 N1.0 橫線厚度 (以pixels為單位)N1.0 橫線寬度 (以pixels為單位)N1.0 橫線比率寬度 (以頁寬為100%)N1.0 實線 (沒有立體效果)N1.0 不可換行 (不換行)N1.0 可換行處 (如果需要,可在此斷行)列舉(可以巢狀列舉)-無次序式列舉 ( 放在每一項前)N1.0 公布式列舉 (定義全部的列舉項)(定義這個及其後的列舉項)有次序式列舉 ( 放在每一項前)N1.0 數(shù)標型態(tài) (定義全部的列舉項) (定義這個及其後的列舉項)N1.0 起始數(shù)字 (定義全部的列舉項) (定義這個及其
5、後的列舉項)定義式列舉 (項目, 定義)表單式列舉 ( 放在每一項前)目錄式列舉 ( 放在每一項前)背景與顏色-3.0 重復排列的背景 N1.1+ 背景顏色 (依序為紅、綠、藍)N1.1+ 文字顏色 N1.1+ 連結顏色 N1.1+ 看過的連結 N1.1 使用中的連結 特殊字元(以下標簽需用小寫)-特別符號 (其中 ? 代表 ISO 8859-1 的編碼) > & & "注冊商標TM ?N1.0+ 注冊商標TM ®著作權符號 ?N1.0+ 著作權符號 ©表單(通常需要與CGI程式配合)-定義表單 N2.0 上傳檔案 輸入欄位 欄位名稱 欄位內定值 已選
6、定 (適用於checkboxes與 radio boxes)欄位寬度 (以字元數(shù)為單位)最長字數(shù) (以字元數(shù)為單位)下拉式選單 下拉式選單名稱 選單項目數(shù)量 多選式選單 (多選)選項 內定選項 文字輸入區(qū) 輸入區(qū)名稱 N2.0 輸入區(qū)換行方式 表格-3.0 定義表格 3.0 表格框線 (有或沒有)N1.1 表格框線 (可以設定數(shù)值)N1.1 儲存格左右留白 N1.1 儲存格上下留白 N1.1 表格寬度 (以pixels為單位)N1.1 寬度比率 (頁寬為100%)3.0 表格列 3.0 表格列內容看齊 3.0 儲存格 (須與列并用)3.0 儲存格內容看齊 3.0 不換行 N3.0 儲存格背景顏
7、色 3.0 儲存格橫向連接 3.0 儲存格縱向連接 N1.1 儲存格寬度 (以pixels為單位)N1.1 儲存格寬度比率 (頁寬為100%)3.0 表格標題 (跟一樣,不過會對中并加粗)3.0 表格標題對齊 3.0 表格標題不換行 3.0 表格標題占幾欄 3.0 表格標題占幾列 N1.1 表格標題寬度 (以pixels為單位)N1.1 表格標題比率寬度 (頁寬為100%)3.0 表格抬頭 3.0 表格抬頭看齊 (在表格之上/之下)視框(定義與控制螢幕上的特定區(qū)域)-N2.0 視框格式總定義 (取代)N2.0 視框行長度分配 (pixels 或 %)N2.0 視框行長度分配 (* = 相對大小
8、)N2.0 視框欄寬度分配 (pixels 或 %)N2.0 視框欄寬度分配 (* =相對大?。㎞2.0 定義個別視框 (定義個別視框)N2.0 個別視框內容 N2.0 個別視框名稱 N2.0 邊緣寬度 (左與右邊界)N2.0 邊緣高度 (天頂與地底邊界)N2.0 卷動條 N2.0 不可改變大小 N2.0 無視框時的內容 (如果瀏覽器不提供視框功能的話)雜項-說明 (瀏覽器不會顯示)檔案型態(tài)聲明 3.0 檔案型態(tài)聲明 可搜尋 (指示可搜尋的索引項)N1.0 提示 (要求輸入的提示文字)送出搜尋條件 (其中的問號不是數(shù)字,而是問號)基本檔案的URL (必須放在文頭區(qū)段內)N2.0 基本視窗名稱
9、(必須放在文頭區(qū)段內)相關性 (必須放在文頭區(qū)段內)背景資訊 (必須放在文頭區(qū)段內)HTML標簽HTML標簽通常是英文詞匯的全稱(如塊引用:blockquote)或縮略語(如“p”代表Paragragh),但它們的與一般文本有區(qū)別,因為它們放在單書名號里。故Paragragh標簽是,塊引用標簽是。有些標簽說明頁面如何被格式化(例如,開始一個新段落),其他則說明這些詞如何顯示(使文字變粗)還有一些其他標簽提供在頁面上不顯示的信息例如標題。關于標簽,需要記住的是,它們是成雙出現(xiàn)的。每當使用一個標簽如,則必須以另一個標簽將它關閉。注意“blockquote”前的斜杠,那就是關閉標簽與打開標簽的區(qū)別。
10、基本HTML頁面以標簽開始,以結束。在它們之間,整個頁面有兩部分標題和正文。標題詞夾在和標簽之間這個詞語在打開頁面時出現(xiàn)在屏幕底部最小化的窗口。正文則夾在和之間即所有頁面的內容所在。頁面上顯示的任何東西都包含在這兩個標簽之中。那么讓我們建立一個簡單的范例吧,非常容易的。第一步,當然是要建立一個新的文本文件(記住,如果你在使用比較復雜的文字處理器,就應該用“純文本”或“普通文本”來保存),將它命名為“xxxx.html”。(隨便你起一個什么名字,但記住,要用英文)然后你可以用瀏覽器將它打開,你會看見最簡單的自己做的頁面。.2.3.4.Html是英文 HyperText Markup Langua
11、ge 的縮寫,中文意思是“超文本標志語言”,用它編寫的文件(文檔)的擴展名是.html或.htm,它們是可供瀏覽器解釋瀏覽的文件格式。您可以使用記事本、寫字板或 FrontPage Editor 等編輯工具來編寫Html文件。Html語言使用標志對的方法編寫文件,既簡單又方便,它通常使用來表示標志的開始和結束(例如標志對),因此在Html文檔中這樣的標志對都必須是成對使用的。在此教程中,我先講一下Html的基本標志:1.標志用于Html文檔的最前邊,用來標識Html文檔的開始。而標志恰恰相反,它放在Html文檔的最后邊,用來標識Html文檔的結束,兩個標志必須一塊使用。2.和構成Html文檔的
12、開頭部分,在此標志對之間可以使用、等等標志對,這些標志對都是描述Html文檔相關信息的標志對,標志對之間的內容是不會在瀏覽器的框內顯示出來的。兩個標志必須一塊使用。3.是Html文檔的主體部分,在此標志對之間可包含、等等眾多的標志,它們所定義的文本、圖像等將會在瀏覽器的框內顯示出來。兩個標志必須一塊使用。標志中還可以有以下屬性:屬性用途示例 設置背景顏色。 紅色背景 設置文本顏色。 藍色文本 設置鏈接顏色。 鏈接為藍色 設置已使用的鏈接的顏色。 設置正在被擊中的鏈接的顏色。 說明:以上各個屬性可以結合使用,如。引號內的rrggbb是用六個十六進制數(shù)表示的RGB(即紅、綠、藍三色的組合)顏色,如
13、#ff0000對應的是紅色。此外,還可以使用Html語言所給定的常量名來表示顏色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如表示標志對中的文本使用藍色顯示在瀏覽器的框內。4.使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊藍色部分顯示的文本信息,那些信息一般是網頁的“主題”,要將您的網頁的主題顯示到瀏覽器的頂部其實很簡單,只要在標志對之間加入您要顯示的文本即可。注意:標志對只能放在標志對之間。下面是一個綜合的例子,仔細閱讀,您便可以了解以上各個標志對
14、在一個Html文檔中的布局或所使用的位置。例1 Html文檔中基本標志的使用顯示在瀏覽器最上邊藍色條中的文本紅色背景、藍色文本.5.6.上一個教程中我們講了Html文檔的基本標志,但我們還不知道怎樣在瀏覽器中顯示文本之類的東西,這正是我們在教程二中將要談到的。在學習之前,必須強調一下,我們這個教程中所講的格式標志統(tǒng)統(tǒng)都是用于標志對之間的。1.標志對是用來創(chuàng)建一個段落,在此標志對之間加入的文本將按照段落的格式顯示在瀏覽器上。另外,標志還可以使用align屬性,它用來說明對齊方式,語法是:。align可以是Left(左對齊)、Center(居中)和Right(右對齊)三個值中的任何一
15、個。如表示標志對中的文本使用居中的對齊方式。2.是一個很簡單的標志,它沒有結束標志,因為它用來創(chuàng)建一個回車換行,這么一說我想您該會使用了吧。在的使用上還有一定的技巧,如果您把加在標志對的外邊,將創(chuàng)建一個大的回車換行,即前邊和后邊的文本的行與行之間的距離比較大,若放在的里邊則前邊和后邊的文本的行與行之間的距離將比較小,您不妨試試看。3.在標志對之間加入的文本將會在瀏覽器中按兩邊縮進的方式顯示出來。4.用來創(chuàng)建一個普通的列表,用來創(chuàng)建列表中的上層項目,用來創(chuàng)建列表中最下層項目,和都必須放在標志對之間。看一下下邊的例子您就會明白了:例2 創(chuàng)建一個普通列表一個普通列表中國城市北京 上海 廣州 美國城市
16、華盛頓 芝加哥 紐約 此例在瀏覽器中的顯示如下:中國城市北京上海廣州美國城市華盛頓芝加哥紐約5.標志對用來創(chuàng)建一個標有數(shù)字的列表;標志對用來創(chuàng)建一個標有圓點的列表;標志對只能在或標志對之間使用,此標志對用來創(chuàng)建一個列表項,若放在之間則每個列表項加上一個數(shù)字,若在之間則每個列表項加上一個圓點。請看下邊的例子:例3 標有數(shù)字或圓點的列表中國城市 北京 上海 廣州 美國城市 華盛頓 芝加哥 紐約 此例在瀏覽器中的顯示如下:中國城市北京上海廣州美國城市華盛頓芝加哥紐約6.標志對用來排版大塊Html段落,也用于格式化表,此標志對的用法與標志對非常相似,同樣有align對齊方式屬性,讀者可以自己試試看。h
17、tml標簽的用法=一、基本概念:網頁、網站、瀏覽器、IE/NetScapeHTML:超文本標記語言,什么是超文本、什么是標記語言。HTML的內容怎樣顯示出來。二、HTML語法:三、的一些屬性:什么是屬性:text:設定整個網頁中文字的色彩link:用于設定一般超鏈接文本的顯示色彩alink:用于設定鼠標移動到超鏈接上并按下鼠標是超文本的顯示色彩vlink:設置訪問過的超鏈接的色彩background:設定背景圖片,可以是絕對路徑也可以是相對路徑。bgcolor:用戶設定背景色,當已設定background時這個屬性會失去作用leftmargin:左邊距topmargin:上邊距四、注釋與特殊字
18、符:注釋的內容不會被顯示出來注釋不能被嵌套。 & & 注冊符號 版權符號 TM 空格五、格式標簽:用來創(chuàng)建一個段落,可以用align屬生來設置段落的對齊方式:單標記直接在“前加一個“/ ”表示結束標記,顯示一個換行:對之間的圖形或文本在水平方向居中顯示:移動圖片或文本。direction屬性:內容的移動方向(left,right,down,up);behavior:指定內容的移動行為(scroll,alternate,slide):用來創(chuàng)建一個普通列表。:創(chuàng)建一個標有數(shù)字的列表;對創(chuàng)建的列表標有一個圓點;只能在或之間使用,表示列表項:對文本進行預格式處理六、文本標簽:.:把文本以標題方式顯示。
19、:分別對應粗體,斜體,下劃線:分別對應下上標的顯示:引用方式的字體,通常是斜體:顯示需要強調的文本,通常是斜體加粗:用來顯示加重文本,通常是加粗顯示:對字體、字號、顏色進行改變。face屬性:字體;Size屬生:大小; Color屬生:色彩七、圖像標簽: src屬性:必不可少,用來設置圖像文件所在位置。 alt屬性:當鼠標移到圖像上顯示的提示文本,當圖像無法顯示時,所顯示的代替文字 align屬性:設置圖像與周圍文本的對齊方式。top,bottom,left,right border屬性:設置圖像的邊框寬度 width和height:設置圖像的長寬高 :在HTML文檔中加入一條水平線。 siz
20、e:線的粗細 color:線的色彩 width:線的長度 noshade:陰影顯示八、超鏈接標簽:通一資源定位符:URL; 如: http:所使用的協(xié)議;:要訪問的主機名;80:端口號:把中間標記的內容作為超鏈接顯示,href的內容作為超連接點擊后轉向的頁面。 如: 新浪網 a href= href屬性是不可少的; target屬性:指明在瀏覽器的哪個窗口打開新頁面。:錨點標記,在同一網頁中設置多個錨點便于超鏈接的瀏覽。 如: 跳轉到第一個標記上mailto:打開電子郵件: 聯(lián)系我們九、:圖像地圖將
21、一個圖像分成多個部分,各部分分別指向不同的鏈接。:給圖像分塊shape屬性可以是以下幾種形狀: rect:矩形,此時的coords為矩形的左上角個右下角的坐標 poly:多邊形,此時的coords為多邊形的各個頂點 circle:圓,此時coords為圓習坐標及半徑如: 十、表格標簽:這三個標簽的層次結構:定義一個表格的開始和結束:定義一行的開始和結束:定義一個單元格的開始和結束的屬性: bgcolor:設置表格的背景色彩 border:設置表格的邊框的寬度 bordercolor:設置表格邊框色彩 bordercolorlight:設置表格邊框明亮部分的色彩 bordercolordark:
22、設置表格邊框昏暗部分的色彩 cellspacing:設置單元格之間的間隔 cellpadding:設置單元格內部的內容與邊框的間隔 width:表格的寬度 height:表格的高度 align:整行單元格的內容水平對齊方式left,center,right。 valign:整行單元格的內容豎直對齊方式top middle,bottom bgcolor:設置這一行的色彩 width:單元格的寬度(大?。?height:單元格的高度 align:單元格內部內容的水平對齊方式 valign:單元格內部內容的豎直對齊方式 colspan:設置一個單元格跨占的列數(shù) rowspan:設置一個單元格跨占的行
23、數(shù) nowrap:禁止單元格內的內容自動換行與類似只不過里面顯示的內容是黑體居中的十一、框架標簽:什么是框架:將一個窗口分割成多部分,每一部分顯示一個獨立的頁面。框架只是分割窗口。定義一個框架集: rows:將窗口豎直拆分時窗口的大小比例 cols:將窗口水平拆分窗口的大小比例定義一個具體的框架窗口: src:要顯示網頁的 name:框架窗口的名子 taget:該框架中的超鏈接默認的打開窗口_blank,_parent,_self,_top。 scrolling:是否在框架邊上出現(xiàn)滾動條yes,no,auto noresize:禁止用戶拖動分隔線來調整框架的大小,直接將該屬生放入就可以了。在一
24、個網上插入一個簡單的框架窗口,這個窗口用來顯示另一個文件。 name:框架窗口的名子 src:框架窗口中所顯示的新的網頁十二、表單標簽:什么時表單?:定義表單的開始和結束位置 action:處理表單內容的服務器程序的 method:提交給服務器處理表單信息的方式 get:將表單信息以參數(shù)的形式附在action的后面 set:將表單信息以消息實體發(fā)送給服務器 target:設置服務器返回結果顯示的窗口 title:當鼠標放在表單上的時候以黃色的泡泡進行提示:定義一個提交按鈕 action:指定所指定的服務器程序 value:按鈕上的文字:定義一個重新填寫的按鈕。 value:按鈕上的文字:定義一
25、個單行文本框 size:輸入區(qū)域的寬度,以字符個數(shù)為單位 value:文本框的內容 maxlength:用戶能夠輸入的最大字符串長度 readonly:屬性存在時,文本框可以獲得焦點,但用戶不能更改里面的內容。 disable:屬性存在時,文本框不能獲得焦點,也不能更改里面的內容。:定義一個復選框 name:復選框的名,同一組復選框用同一個名子 checked:該復選框是否被選中 value:指定復選框被選中時,這個復選框的后臺值:定義一個單選按鈕 name:單選按鈕的名,同一組單選按鈕用同一個名子 value:指定單選按鈕被選中時,這個單選按鈕的后臺值:在表單上添加一個隱式的字段的元素,瀏覽
26、器不會顯示這個字段 name:名子 value:值 當表單提交的時候會以name=value的形式提交到服務器上去。:在表單上定義一個普通的按鈕,這個按鈕通常與某個腳本代碼下關聯(lián):在表單上定義一個密碼輸入區(qū)域.:用來從本機向服務器傳文件:在表單上創(chuàng)建一個圖像元素。 圖像的源文件由src屬性來指定,它沒有value屬性。 圖像元素在某些情況下可以代替submit按鈕來使用 單擊圖像元時就會將表單信息和單擊處的x,y值一起發(fā)送到服務器創(chuàng)建一個下拉列表框或可以復選的列表框。size:設置列表框中可見選項的數(shù)目。默認值是,這時顯示的是下拉列表框。 mutiple屬性:這是一個不且賦值的屬性,定義列表框是否可以多選。 在列表框中定義各項是用來實現(xiàn)的。為列表框中添加項目 value:項目的后臺值 selected:指定項目是否被選定創(chuàng)建一個可輸入多行文本的文本框 cols:文本框的列數(shù)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 管道鋪設旋挖鉆孔灌注樁方案
- 橋梁路燈安全施工方案
- 新當選工會主席發(fā)言稿:展望未來的團結與合作
- 學校電教設備維修應急方案
- 商業(yè)綜合體物業(yè)管理接待服務方案
- 鄉(xiāng)鎮(zhèn)農業(yè)發(fā)展工作總結與對策
- 人體解剖學在線課程資源庫應用研究
- 家族房屋共管契約協(xié)議書(2篇)
- 電力行業(yè)疫情防控及應急措施
- BB廣告合作協(xié)議
- 可靠性的基本概念演示
- htr-pm通風空調系統(tǒng)核電站hvac簡介
- 工業(yè)園區(qū)企業(yè)環(huán)境風險和安全隱患排查情況表優(yōu)質資料
- 工程建設標準強制性條文電力工程部分
- 從局部到整體:5G系統(tǒng)觀-概要版-vivo通信研究院
- GB/T 22844-2009配套床上用品
- GB/T 14683-2017硅酮和改性硅酮建筑密封膠
- 無人機校企合作協(xié)議
- 《百團大戰(zhàn)》歷史課件
- 八年級上冊道德及法治非選擇題專項訓練
- 2023年徐州市國盛控股集團有限公司招聘筆試題庫及答案解析
評論
0/150
提交評論