




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、關(guān)于前列腺炎淋菌前列腺炎可分為急第一張,PPT共五十八頁,創(chuàng)作于2022年6月概 述為了在世界范圍內(nèi)發(fā)布信息,需要一種能夠被普遍理解的語言,一種能為所有的計(jì)算機(jī)作為信息發(fā)布用的母語,這就是萬維網(wǎng)使用的超文本標(biāo)記語言(Hypertext Markup Language,HTML)。第二張,PPT共五十八頁,創(chuàng)作于2022年6月HTML句法結(jié)構(gòu)第三張,PPT共五十八頁,創(chuàng)作于2022年6月HTML句法結(jié)構(gòu)Google首頁的部分源代碼Google.另外還有HTML文檔主體部分的聲明。第四張,PPT共五十八頁,創(chuàng)作于2022年6月HTML句法結(jié)構(gòu)一個(gè)HTML文檔是普通的ASCII文本文件,它包含兩類內(nèi)
2、容:普通的文本、代碼或標(biāo)記。標(biāo)記(Tag)是用一對尖括號“”括起來的文本串,例如第一行的。標(biāo)記通常具有如下結(jié)構(gòu): 在標(biāo)記定義中,“tagname”是標(biāo)記名,定義標(biāo)記的類型;而“attributes”為屬性,一般標(biāo)記即可以不定義屬性,也可以定義若干個(gè)屬性屬性給出了這個(gè)元素的附加信息。 第五張,PPT共五十八頁,創(chuàng)作于2022年6月HTML句法結(jié)構(gòu)在Google主頁文檔第二行的標(biāo)記中,head是標(biāo)記名,沒有相關(guān)屬性。在文檔主體定義中,定義了若干屬性,屬性值為“bgcolor=#ffffff text=#000000 link=#0000cc vlink=551a8b alink=#ff0000 o
3、nLoad=sf()”。 第六張,PPT共五十八頁,創(chuàng)作于2022年6月HTML句法結(jié)構(gòu)需要注意,雖然標(biāo)記和屬性名稱與字母大小寫無關(guān),但是屬性值卻往往對大小寫敏感。 例如,可以在超鏈中定義相關(guān)的文件名,盡管在Windows系統(tǒng)中,href=a1和href=A1可以指向同一文件,但在UNIX系統(tǒng)中,卻是指向不同的文件。重要提示:在網(wǎng)頁設(shè)計(jì)須統(tǒng)一命名方案第七張,PPT共五十八頁,創(chuàng)作于2022年6月HTML句法結(jié)構(gòu)標(biāo)記和文本結(jié)合起來形成元素(Element)。每個(gè)元素代表文檔中的一個(gè)對象,比如文件頭、段落或圖片。一個(gè)元素可具有一個(gè)或一對標(biāo)記,通常具有一些相關(guān)的屬性。元素有兩種類型:容器(conta
4、iner)元素和單個(gè)元素(空元素)。第八張,PPT共五十八頁,創(chuàng)作于2022年6月HTML句法結(jié)構(gòu)容器元素包含文本內(nèi)容,代表一個(gè)文本段、它由文本主體(或其他元素)組成,文本主體在開頭和結(jié)尾處用一對標(biāo)記來確定邊界(結(jié)尾的標(biāo)記用標(biāo)記名前加“/”來表示,并不帶任何屬性)。 例如,和標(biāo)記把這兩個(gè)標(biāo)記之間的文本定義成一個(gè)文檔標(biāo)題。而單個(gè)元素是由不影響任何文本的單個(gè)標(biāo)記組成的,它會在文檔中插入一些對象。例如標(biāo)記就是一個(gè)可以在文檔中插入圖像的單個(gè)元素。 第九張,PPT共五十八頁,創(chuàng)作于2022年6月HTML文檔結(jié)構(gòu)和常用元素這三個(gè)元素一起構(gòu)成完整的HTML文檔結(jié)構(gòu)模板,所有的HTML文檔都應(yīng)該遵循這個(gè)模板:
5、 Header element body of Document第十張,PPT共五十八頁,創(chuàng)作于2022年6月HTML文檔結(jié)構(gòu)和常用元素容器元素中包含的最為常用的元素有:text:這個(gè)元素是文檔的抬頭,類似書籍的頁眉。在瀏覽器中,標(biāo)題通常與文本頁分開顯示(例如,在窗口的標(biāo)題欄中)。 抬頭(TITLE)在用戶保存網(wǎng)頁時(shí)一般都作為文件名,所以命名應(yīng)該注意。第十一張,PPT共五十八頁,創(chuàng)作于2022年6月HTML文檔結(jié)構(gòu)和常用元素容器元素中包含以下幾個(gè)常用元素:text:標(biāo)題把括起來的文本作為標(biāo)題。從標(biāo)記、直到,可以有六個(gè)層次的標(biāo)題(較小的數(shù)字標(biāo)記較重要的標(biāo)題)。標(biāo)題通常用較大的字型編排,并且在該標(biāo)
6、題的上下各有一個(gè)空行。:段落標(biāo)識文本主體中兩個(gè)段落之間的間隔。:圖像標(biāo)記把圖像插入到文檔中,圖像可以在SRC屬性中給出的URL處找到。第十二張,PPT共五十八頁,創(chuàng)作于2022年6月HTML文檔結(jié)構(gòu)和常用元素 把圖像插入到文檔中,圖像可以在src屬性指定的URL處找到。最常見的圖像格式是GIF。如果瀏覽器不支持插入圖像(例如,Lynx瀏覽器),將顯示在可選的alt屬性中給出的文本。如果沒有給出alt屬性值,在圖形所在的位置上可能會出現(xiàn)IMAGE的字樣。可選的align屬性指出文本的當(dāng)前行與圖像在垂直方向上怎樣對齊(通常是BOTTOM,但這隨瀏覽器的不同而不同)。 第十三張,PPT共五十八頁,創(chuàng)
7、作于2022年6月HTML文檔結(jié)構(gòu)和常用元素ISMAP屬性用于建交互式的圖形。如果使用語法,則這圖像上成為一個(gè)可擊點(diǎn),產(chǎn)生一個(gè)鏈接到URL1處。例如:第十四張,PPT共五十八頁,創(chuàng)作于2022年6月texttext:該結(jié)構(gòu)提供了一個(gè)無序的條目列表;每個(gè)條目以標(biāo)記開始。通常在顯示出的各條目項(xiàng)前置一個(gè)實(shí)心的圓點(diǎn)。text:超文本標(biāo)記,也稱為超鏈接。文本用某種特殊方式來顯示(用顏色、下劃線或其它類似方法);當(dāng)點(diǎn)擊屏幕上的超文本鏈接時(shí),Web服務(wù)器將檢索“HREF” 屬性中的“URL”給出的文檔,并將結(jié)果返回給用戶瀏覽器。:放置一個(gè)橫穿瀏覽器窗口的水平線,通常水平線的上下各有一個(gè)空行。:在文本中強(qiáng)制換
8、行,以便后繼文本都放在下一行。HTML文檔結(jié)構(gòu)和常用元素第十五張,PPT共五十八頁,創(chuàng)作于2022年6月HTML標(biāo)準(zhǔn)單位長度單位可以用來定義水平線、表格邊框、圖像等對象的長、寬、高等一系列屬性,同時(shí)也能用來定義這些對象在網(wǎng)頁上的位置等屬性。長度的表示有兩種方式:絕對長度和相對長度。它們的單位分別為像素(pixel)和百分比(),像素代表屏幕上的各個(gè)顯像點(diǎn),而相對長度則描述了對象在瀏覽器窗口的所占的比例。 第十六張,PPT共五十八頁,創(chuàng)作于2022年6月HTML標(biāo)準(zhǔn)單位一般在網(wǎng)頁設(shè)計(jì)中較少使用絕對長度,因?yàn)闉g覽器窗口可隨時(shí)調(diào)整大小,如果水平線設(shè)置為絕對長度很容易造成不協(xié)調(diào),而使用相對長度來描述則
9、對象會隨瀏覽器窗口大小變化而變化。 第十七張,PPT共五十八頁,創(chuàng)作于2022年6月HTML標(biāo)準(zhǔn)單位顏色單位也是描述網(wǎng)頁表現(xiàn)形式中應(yīng)用很頻繁的一種數(shù)據(jù)類型。在設(shè)計(jì)網(wǎng)頁的過程中,需要能定義字體、頁面背景、表格背景甚至超鏈接的顏色,通過利用顏色數(shù)據(jù)來定義這些對象的顏色屬性。第十八張,PPT共五十八頁,創(chuàng)作于2022年6月HTML標(biāo)準(zhǔn)單位顏色單位有三種表達(dá)的方式:十六進(jìn)制的顏色代碼 Red Characters 十進(jìn)制顏色碼 Blue 顏色名碼Green Characters 第十九張,PPT共五十八頁,創(chuàng)作于2022年6月HTML標(biāo)準(zhǔn)單位統(tǒng)一資源定位器(URL)1路徑是一種因特網(wǎng)資源地址的表示法。
10、該數(shù)據(jù)里中可以包括鏈接所需協(xié)議、鏈接主機(jī)的域名或IP地址、鏈接主機(jī)的通訊端口(port)號、主機(jī)文件的發(fā)布路徑和文件名稱等。 1 由W3C對HTML 4.0的定義中,URL的描述為“Universal Resource Identifier(URI)”。第二十張,PPT共五十八頁,創(chuàng)作于2022年6月HTML標(biāo)準(zhǔn)單位在HTML中,URL路徑又分為兩種形式:絕對路徑和相對路徑。絕對路徑是將主機(jī)地址和主機(jī)上資源發(fā)布目錄的路徑和資源名稱進(jìn)行完整的描述。如:第二十一張,PPT共五十八頁,創(chuàng)作于2022年6月HTML標(biāo)準(zhǔn)單位相對路徑則是相對于當(dāng)前的網(wǎng)頁所在目錄或站點(diǎn)根目錄的路徑。如: 第二十二張,PPT
11、共五十八頁,創(chuàng)作于2022年6月HTML基本元素的使用表單(form) HTML的表單特性是給予萬維網(wǎng)真正力量、完成生動的交互式應(yīng)用的因素之一。 HTML表單僅僅是這種特性的一半。一旦用戶填完表單,就把表格提交給一個(gè)特殊的程序或腳本,由這個(gè)程序或腳本取出信息,并用這個(gè)表格做一些有用的事(如把用戶數(shù)據(jù)傳遞給數(shù)據(jù)庫)。 可以把表單看成因特網(wǎng)上通用的一種視窗(window)對話框,用于接受用戶數(shù)據(jù)。第二十三張,PPT共五十八頁,創(chuàng)作于2022年6月第二十四張,PPT共五十八頁,創(chuàng)作于2022年6月表單(續(xù))表單元素form body 元素括起整個(gè)表單,并給出一些基本定義。表單僅占用HTML文檔的部分
12、空間;實(shí)際上,一個(gè)HTML文檔可以包含幾個(gè)獨(dú)立的、完成不同功能的表單。method指定了信息傳遞給HTTP服務(wù)器的方法;action給出與處理提交信息的腳本相關(guān)的URL(如“scriptname.asp”,“scriptname.php”)。第二十五張,PPT共五十八頁,創(chuàng)作于2022年6月表單(續(xù))表單輸入元素 用來把不同的字段放在表單里,以便用戶輸入信息。name屬性指定該字段在某個(gè)表單中的唯一名稱;可選的value屬性給出該標(biāo)記的默認(rèn)值。在提交表單時(shí),向Web服務(wù)器呈上以一組用“?”開頭并用“&”號分開的一組“名字值”形式的信息,如http:/Scriptname?name=me&add
13、ress=here&timenow第二十六張,PPT共五十八頁,創(chuàng)作于2022年6月表單輸入元素(續(xù))type屬性給出所使用標(biāo)記的樣式,“string”可以是:CHECKBOX(復(fù)選框)。RADIO(單選按鈕)TEXT(單行的文本輸入欄)。IMAGE(圖像放在表單里)SUBMIT(提交按鈕)RESET(清除按鈕)HIDDEN(在表單中保留不供顯示的內(nèi)容)第二十七張,PPT共五十八頁,創(chuàng)作于2022年6月表單輸入元素(續(xù))另外:SIZE屬性用于設(shè)置文本字段的窗口大?。ㄒ宰址麛?shù)為計(jì)量單位)。CHECKED屬性與CHECKBOX和RADIO類型一起使用,用于表示按鈕在默認(rèn)狀態(tài)時(shí)是否被選中。第二十八張
14、,PPT共五十八頁,創(chuàng)作于2022年6月表單(續(xù))選項(xiàng)選擇元素(類似Windows中的組合框) content1 content2 在選項(xiàng)選擇元素中,所有可選項(xiàng)目由元素逐條列出;通常用下拉式菜單顯示。跟在每個(gè)標(biāo)記后面的text在下拉框中顯示;如果沒有給出value屬性(可選屬性);當(dāng)用戶選擇到某選項(xiàng)時(shí)則隨表單呈上相應(yīng)的text文本。multiple屬性允許選擇多于一個(gè)的選項(xiàng);selected屬性指定默認(rèn)的選擇。第二十九張,PPT共五十八頁,創(chuàng)作于2022年6月選項(xiàng)選擇元素(續(xù))選項(xiàng)選擇舉例: Beijing Xian 第三十張,PPT共五十八頁,創(chuàng)作于2022年6月表單輸入元素(續(xù))多行文本輸
15、入text 類似于標(biāo)記,但允許多行文本輸入。name屬性與的類似,用行和列屬性的數(shù)值定義文本輸入?yún)^(qū)域的大小。元素中text的值將作為默認(rèn)內(nèi)容顯示在文本區(qū)域中。第三十一張,PPT共五十八頁,創(chuàng)作于2022年6月HTML基本元素的使用實(shí)體HTML文檔中出現(xiàn)的很多字符不可能通過輸入直接放入HTML文檔中,這些字符包括對HTML有特殊意義的字符,如,“”字符,以及許多鍵盤上找不到的國際字符和印刷字符??梢杂脤?shí)體(Entities)把這些字符放在文檔中,實(shí)體是若干個(gè)文本片段,它們一起表示單個(gè)字符。其一般語法包括一個(gè)“&”號、一個(gè)表示字符的名字及一個(gè)分號。第三十二張,PPT共五十八頁,創(chuàng)作于2022年6月
16、實(shí)體(續(xù))保留字符保留字符是HTML中用于其它目的的普通字符,如果按原樣輸入則會引起混亂。實(shí)體顯示形式備注小于號()&與號(&)"e;引號()(通常不用)不換行空白見下頁第三十三張,PPT共五十八頁,創(chuàng)作于2022年6月保留字符(續(xù))在瀏覽器中瀏覽HTML文檔時(shí),瀏覽器根據(jù)單詞之間的留白來自動換行,并且HTML不支持兩個(gè)及兩個(gè)以上的空格。因此HTML語言提供了一個(gè)不換行空格的標(biāo)記“nbsp;”,這樣如果需要某幾個(gè)單詞之間不出現(xiàn)換行的話,就可以在這些單詞之間使用這個(gè)換行標(biāo)記“nbsp;”來替代空格,并且也可以利用這個(gè)標(biāo)記來建立兩個(gè)或兩個(gè)以上的空格效果。 第三十四張,PPT共五十八頁,創(chuàng)作
17、于2022年6月實(shí)體(續(xù))國際字符 國際字符指多數(shù)除英語外的歐洲語言中使用的字符,其名字參照ISO拉丁字符集。實(shí)體顯示形式備注帶重音的大寫A()帶升降調(diào)的小寫o()連字大寫AE()帶變音符的小寫c()第三十五張,PPT共五十八頁,創(chuàng)作于2022年6月Table元素 表格元素是網(wǎng)頁是應(yīng)用最為廣泛的元素之一。表格元素在網(wǎng)頁中以表格形式組織和顯示數(shù)據(jù)大量使用在網(wǎng)頁布局設(shè)計(jì)上。在 “Google” 貌似簡單的網(wǎng)頁上,居然也用了三個(gè)表格來布局。 第三十六張,PPT共五十八頁,創(chuàng)作于2022年6月Table元素(續(xù))第三十七張,PPT共五十八頁,創(chuàng)作于2022年6月Table元素(續(xù))標(biāo)記的一般形式是:
18、第三十八張,PPT共五十八頁,創(chuàng)作于2022年6月表格中的TD元素(續(xù))在標(biāo)記的屬性中:Width單元格寬度Height單元格高度Align單元格水平對齊方式Valign單元格垂直對齊方式RowSpan單元格的行跨度ColSpan單元格的列跨度第三十九張,PPT共五十八頁,創(chuàng)作于2022年6月PHP基礎(chǔ)(一個(gè)簡單的動態(tài)網(wǎng)頁)The First Greeting from PHP 第四十張,PPT共五十八頁,創(chuàng)作于2022年6月PHP基礎(chǔ)(一個(gè)簡單的動態(tài)網(wǎng)頁)打開瀏覽器,在地址欄中輸入: /greeting.php?name=Cheng本課程所含的實(shí)驗(yàn)或例子假設(shè)在本地主機(jī)上的Web服務(wù)器阿Apa
19、che上運(yùn)行。Apache的網(wǎng)頁發(fā)布目錄在d:xampphtdocs第四十一張,PPT共五十八頁,創(chuàng)作于2022年6月PHP與 “純”HTML網(wǎng)頁的不同PHP網(wǎng)頁需要經(jīng)過Apache的PHP模塊處理才能顯示;PHP網(wǎng)頁的程序參數(shù)(或變量)至少可以從URL地址欄輸入;網(wǎng)頁的輸出可以隨程序參數(shù)(或變量)值變化而變化。在本例在/greeting.php網(wǎng)址之后附帶了“?name=Cheng” 。等號“=” 左邊為“參數(shù)”, “=”右側(cè)為參數(shù)值當(dāng)需要輸入的參數(shù)多于一項(xiàng)時(shí),參數(shù)之間要用“&”號隔開第四十二張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單與PHP處理程序 在瀏覽器的URL地址欄輸入網(wǎng)
20、頁的名稱和相關(guān)參數(shù),而這種用戶數(shù)據(jù)的輸入方式顯然是很不方便的。尤其不適合普通瀏覽器用戶的使用。在HTML中,一般瀏覽器用戶是通過表單完成網(wǎng)上的數(shù)據(jù)輸入的。 第四十三張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單與PHP處理程序第四十四張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單與PHP處理程序第四十五張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單與PHP處理程序一個(gè)簡單的HTML表單 姓名: 興趣: 第四十六張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單與PHP處理程序 對簡單表單的PHP程序處理Welcome!第四十七張,PPT共五十八頁,創(chuàng)作于2022年6
21、月HTML表單與PHP處理程序注意:含有表單的文件往往是一個(gè)“純”HTML文件,比如上例的表單文檔就是一個(gè)有“.htm”后綴的文件。HTML表單是一個(gè)容器元素,即有開始和結(jié)束標(biāo)記,在中至少包含兩個(gè)屬性:“ACTION”和“METHOD”。 第四十八張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單的ACTION ACTION屬性的值表示該表單的處理方法,也就是表單提交后需要執(zhí)行的CGI程序名(包括路徑)由于本課程的CGI程序用PHP編寫,因此,一般ACTION屬性中填寫的就是對應(yīng)的PHP程序或動態(tài)網(wǎng)頁的名稱。 表示在用戶提交表單后,由Web服務(wù)器上的echo.php程序來處理用戶所提交的數(shù)
22、據(jù)(該文檔與form.htm在同一目錄中)。第四十九張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單的METHOD METHOD說明本表單向服務(wù)器發(fā)送輸入信息時(shí)的使用方式一般有兩種選擇:POST和GET,默認(rèn)的方式是GET。第五十張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單的METHOD使用GET時(shí),HTTP的客戶端將表單上用戶的輸入信息作為字符串附加在ACTION所設(shè)定的URL后面,中間用“?”和“&”隔開,然后把整個(gè)字符串傳送到服務(wù)器端PHP程序會用$QUERY_STRING內(nèi)置變量獲取表單所傳入的信息。但由于系統(tǒng)內(nèi)置變量的長度限制了輸入字符串的長度,因此,用GET方式所能傳送的數(shù)據(jù)長度受到限制(一般為2k字節(jié))第五十一張,PPT共五十八頁,創(chuàng)作于2022年6月HTML表單的METHOD而使用POST方法時(shí),HTTP會將表單的輸入信息進(jìn)行包裝后發(fā)送,而不是附加在Action所設(shè)定的URL之后發(fā)送,CGI程序中可以用$CONTENT_LENGTH內(nèi)置變量來確
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 科學(xué)篇SCMP 2024試題及答案
- 物流行業(yè)的戰(zhàn)略創(chuàng)新試題與答案
- 安徽省滁州三中2025年高考化學(xué)一模試卷含解析
- 2025屆福建省福州市長樂區(qū)長樂高級中學(xué)高三一診考試化學(xué)試卷含解析
- 2025屆江蘇省蘇州市實(shí)驗(yàn)中學(xué)高三下學(xué)期聯(lián)考化學(xué)試題含解析
- 2025年環(huán)氧脂肪酸甲酯項(xiàng)目合作計(jì)劃書
- 有效備考CPSM2024年試題及答案
- 2024年國際物流師職業(yè)健康考題探討試題及答案
- 2024年CPMM耳熟能詳題目及試題及答案
- 預(yù)防邪教知識
- 公司組織架構(gòu)圖(可編輯模版)
- 楷書(課件)課件
- 外研版(2019) 必修第二冊 Unit 5 On the road Coast to Coast P57PPT( 共8張)
- 羅馬帝國衰亡史pdf羅馬帝國衰亡史史
- 北師大版生物七年級下冊12.2感受器與感覺器官(第1課時(shí))導(dǎo)學(xué)案(無答案)
- 最新露天礦山安全培訓(xùn)課件(經(jīng)典)
- 環(huán)境學(xué)概論 考驗(yàn)知識點(diǎn)歸納劉陪同
- 部編版三年級上冊音樂知識點(diǎn)匯總
- 室內(nèi)設(shè)計(jì)施工圖詳細(xì)說明及制圖規(guī)范說明ppt(智囊書屋)
- 貴州水城礦業(yè)集團(tuán)馬場煤礦“3.12”煤與瓦斯突出事故分析(定)
- 吉林省吉林市高考報(bào)名登記表
評論
0/150
提交評論