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