前列腺炎淋菌前列腺炎可分為急_第1頁
前列腺炎淋菌前列腺炎可分為急_第2頁
前列腺炎淋菌前列腺炎可分為急_第3頁
前列腺炎淋菌前列腺炎可分為急_第4頁
前列腺炎淋菌前列腺炎可分為急_第5頁
已閱讀5頁，還剩53頁未讀， 繼續免費閱讀

下載本文檔

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

文檔簡介

關于前列腺炎淋菌前列腺炎可分為急第1頁，課件共58頁，創作于2023年2月概述為了在世界范圍內發布信息，需要一種能夠被普遍理解的語言，一種能為所有的計算機作為信息發布用的母語，這就是萬維網使用的超文本標記語言（HypertextMarkupLanguage，HTML)。第2頁，課件共58頁，創作于2023年2月HTML句法結構第3頁，課件共58頁，創作于2023年2月HTML句法結構Google首頁的部分源代碼<html><head><METAHTTP-EQUIV="content-type"CONTENT="text/html;charset=GB2312"><title>Google</title>...</head>另外還有HTML文檔主體部分的聲明。<bodybgcolor=#fffffftext=#000000link=#0000ccvlink=551a8balink=#ff0000onLoad=sf()><center>第4頁，課件共58頁，創作于2023年2月HTML句法結構一個HTML文檔是普通的ASCII文本文件，它包含兩類內容：普通的文本、代碼或標記。標記(Tag)是用一對尖括號“<>”括起來的文本串，例如第一行的<html>。標記通常具有如下結構：

<tagnemeattribute1=value1attribute2=value2…>在標記定義中，“tagname”是標記名，定義標記的類型；而“attributes”為屬性，一般標記即可以不定義屬性，也可以定義若干個屬性屬性給出了這個元素的附加信息。第5頁，課件共58頁，創作于2023年2月HTML句法結構在Google主頁文檔第二行的<head>標記中，head是標記名，沒有相關屬性。在文檔主體<body>定義中，定義了若干屬性，屬性值為“bgcolor=#fffffftext=#000000link=#0000ccvlink=551a8balink=#ff0000onLoad=sf()”。第6頁，課件共58頁，創作于2023年2月HTML句法結構需要注意，雖然標記和屬性名稱與字母大小寫無關，但是屬性值卻往往對大小寫敏感。例如，可以在超鏈中定義相關的文件名，盡管在Windows系統中，href=a1和href=A1可以指向同一文件，但在UNIX系統中，卻是指向不同的文件。重要提示：在網頁設計須統一命名方案第7頁，課件共58頁，創作于2023年2月HTML句法結構標記和文本結合起來形成元素(Element)。每個元素代表文檔中的一個對象，比如文件頭、段落或圖片。一個元素可具有一個或一對標記，通常具有一些相關的屬性。元素有兩種類型：容器（container）元素和單個元素（空元素）。第8頁，課件共58頁，創作于2023年2月HTML句法結構容器元素包含文本內容，代表一個文本段、它由文本主體（或其他元素）組成，文本主體在開頭和結尾處用一對標記來確定邊界（結尾的標記用標記名前加“/”來表示，并不帶任何屬性）。

例如，<title>和</title>標記把這兩個標記之間的文本定義成一個文檔標題。而單個元素是由不影響任何文本的單個標記組成的，它會在文檔中插入一些對象。例如<imgsrc=…>標記就是一個可以在文檔中插入圖像的單個元素。第9頁，課件共58頁，創作于2023年2月HTML文檔結構和常用元素這三個元素一起構成完整的HTML文檔結構模板，所有的HTML文檔都應該遵循這個模板：<HTML><HEAD>Headerelement</HEAD><BODY>bodyofDocument</BODY></HTML>第10頁，課件共58頁，創作于2023年2月HTML文檔結構和常用元素<HEAD>容器元素中包含的最為常用的元素有：<TITLE>text</TITLE>：這個元素是文檔的抬頭，類似書籍的頁眉。在瀏覽器中，標題通常與文本頁分開顯示（例如，在窗口的標題欄中）。抬頭（TITLE）在用戶保存網頁時一般都作為文件名，所以命名應該注意。第11頁，課件共58頁，創作于2023年2月HTML文檔結構和常用元素<BODY>容器元素中包含以下幾個常用元素：<H#>text</H#>：標題把括起來的文本作為標題。從標記<H1>、<H2>直到<H6>，可以有六個層次的標題（較小的數字標記較重要的標題）。標題通常用較大的字型編排，并且在該標題的上下各有一個空行。<P>：段落標識文本主體中兩個段落之間的間隔。<IMGSRC=“URL”>：圖像標記把圖像插入到文檔中，圖像可以在SRC屬性中給出的URL處找到。第12頁，課件共58頁，創作于2023年2月HTML文檔結構和常用元素

<IMGsrc="URL"alt="text"align=TOP/MIDDLE/BOTTOMISMAP>把圖像插入到文檔中，圖像可以在src屬性指定的URL處找到。最常見的圖像格式是GIF。如果瀏覽器不支持插入圖像（例如，Lynx瀏覽器），將顯示在可選的alt屬性中給出的文本。如果沒有給出alt屬性值，在圖形所在的位置上可能會出現[IMAGE]的字樣。可選的align屬性指出文本的當前行與圖像在垂直方向上怎樣對齊（通常是BOTTOM，但這隨瀏覽器的不同而不同）。第13頁，課件共58頁，創作于2023年2月HTML文檔結構和常用元素ISMAP屬性用于建交互式的圖形。如果使用<A“href=http://URL1”><IMGsrc=“URL2”ismap></A>語法，則這圖像上成為一個可擊點，產生一個鏈接到URL1處。例如：<A“href=”><IMGsrc=“xjtu_logo.gif”ismap></A>第14頁，課件共58頁，創作于2023年2月<UL><LI>text<LI>text</UL>：該結構提供了一個無序的條目列表；每個條目以<LI>標記開始。通常在顯示出的各條目項前置一個實心的圓點。<AHREF=URL>text</A>：超文本標記，也稱為超鏈接。文本用某種特殊方式來顯示（用顏色、下劃線或其它類似方法）；當點擊屏幕上的超文本鏈接時，Web服務器將檢索“HREF”屬性中的“URL”給出的文檔，并將結果返回給用戶瀏覽器。<HR>：放置一個橫穿瀏覽器窗口的水平線，通常水平線的上下各有一個空行。<BR>：在文本中強制換行，以便后繼文本都放在下一行。HTML文檔結構和常用元素第15頁，課件共58頁，創作于2023年2月HTML標準單位長度單位可以用來定義水平線、表格邊框、圖像等對象的長、寬、高等一系列屬性，同時也能用來定義這些對象在網頁上的位置等屬性。長度的表示有兩種方式：絕對長度和相對長度。它們的單位分別為像素（pixel）和百分比（％），像素代表屏幕上的各個顯像點，而相對長度則描述了對象在瀏覽器窗口的所占的比例。第16頁，課件共58頁，創作于2023年2月HTML標準單位一般在網頁設計中較少使用絕對長度，因為瀏覽器窗口可隨時調整大小，如果水平線設置為絕對長度很容易造成不協調，而使用相對長度來描述則對象會隨瀏覽器窗口大小變化而變化。

<HRWIDTH="400"> <!--絕對長度--><HRWIDTH="50%"> <!--相對長度-->

第17頁，課件共58頁，創作于2023年2月HTML標準單位顏色單位也是描述網頁表現形式中應用很頻繁的一種數據類型。在設計網頁的過程中，需要能定義字體、頁面背景、表格背景甚至超鏈接的顏色，通過利用顏色數據來定義這些對象的顏色屬性。第18頁，課件共58頁，創作于2023年2月HTML標準單位顏色單位有三種表達的方式：十六進制的顏色代碼

<fontcolor=#FF0000>RedCharacters</font>

十進制顏色碼<fontcolor=rgb(0,0,255)>Blue</font>

顏色名碼<fontcolor="green">GreenCharacters</font>第19頁，課件共58頁，創作于2023年2月HTML標準單位統一資源定位器(URL)[1]路徑是一種因特網資源地址的表示法。該數據里中可以包括鏈接所需協議、鏈接主機的域名或IP地址、鏈接主機的通訊端口（port）號、主機文件的發布路徑和文件名稱等。

[1]

由W3C對HTML4.0的定義中，URL的描述為“UniversalResourceIdentifier（URI）”。第20頁，課件共58頁，創作于2023年2月HTML標準單位在HTML中，URL路徑又分為兩種形式：絕對路徑和相對路徑。絕對路徑是將主機地址和主機上資源發布目錄的路徑和資源名稱進行完整的描述。如:<ahref="HTTP:///bbs/index.htm"><ahref="file:///c:/xitami/webpages/default.htm">第21頁，課件共58頁，創作于2023年2月HTML標準單位相對路徑則是相對于當前的網頁所在目錄或站點根目錄的路徑。如:<IMGSRC="Snowwhite.jpg">

<!--圖像文件"Snowwhite.jpg"與當前顯示的網頁在同一目錄下；--><IMGSRC="../image/Leaves.jpg">

<!--圖像文件"Leaves.jpg"在與當前顯示網頁所在目錄同層次的另一子目錄image下；-->第22頁，課件共58頁，創作于2023年2月HTML基本元素的使用表單（form）

HTML的表單特性是給予萬維網真正力量、完成生動的交互式應用的因素之一。HTML表單僅僅是這種特性的一半。一旦用戶填完表單，就把表格提交給一個特殊的程序或腳本，由這個程序或腳本取出信息，并用這個表格做一些有用的事（如把用戶數據傳遞給數據庫）。

可以把表單看成因特網上通用的一種視窗（window）對話框，用于接受用戶數據。第23頁，課件共58頁，創作于2023年2月第24頁，課件共58頁，創作于2023年2月表單(續)表單元素<FORMmethod="[GET|POST]action="URL">formbody</FORM><FORM>元素括起整個表單，并給出一些基本定義。表單僅占用HTML文檔的部分空間；實際上，一個HTML文檔可以包含幾個獨立的、完成不同功能的表單。method指定了信息傳遞給HTTP服務器的方法；action給出與處理提交信息的腳本相關的URL（如“scriptname.asp”，“scriptname.php”）。第25頁，課件共58頁，創作于2023年2月表單(續)表單輸入元素

<INPUTname="text"type="string"size=##value="text"CHECKED><INPUT>用來把不同的字段放在表單里，以便用戶輸入信息。name屬性指定該字段在某個表單中的唯一名稱；可選的value屬性給出該標記的默認值。在提交表單時，向Web服務器呈上以一組用“？”開頭并用“&”號分開的一組“名字＝值”形式的信息，如http://…/Scriptname?name=me&address=here&time＝now第26頁，課件共58頁，創作于2023年2月表單輸入元素(續)type屬性給出所使用<INPUT>標記的樣式，“string”可以是：CHECKBOX（復選框）。RADIO（單選按鈕）TEXT（單行的文本輸入欄）。IMAGE（圖像放在表單里）SUBMIT（提交按鈕）RESET(清除按鈕)HIDDEN（在表單中保留不供顯示的內容）第27頁，課件共58頁，創作于2023年2月表單輸入元素(續)另外：SIZE屬性用于設置文本字段的窗口大小（以字符數為計量單位）。CHECKED屬性與CHECKBOX和RADIO類型一起使用，用于表示按鈕在默認狀態時是否被選中。第28頁，課件共58頁，創作于2023年2月表單(續)選項選擇元素（類似Windows中的組合框）<SELECTname="text"multiple><OPTIONvalue="text"selected>content1<OPTIONvalue="text">content2</SELECT>在選項選擇元素中，所有可選項目由<OPTION>元素逐條列出；通常用下拉式菜單顯示。跟在每個<OPTION>標記后面的text在下拉框中顯示；如果沒有給出value屬性（可選屬性）；當用戶選擇到某選項時則隨表單呈上相應的text文本。multiple屬性允許選擇多于一個的選項；selected屬性指定默認的選擇。第29頁，課件共58頁，創作于2023年2月選項選擇元素(續)選項選擇舉例：<SELECTname=“code"multiple><OPTIONvalue=“010"selected>Beijing<OPTIONvalue=“029">Xi’an</SELECT>第30頁，課件共58頁，創作于2023年2月表單輸入元素(續)多行文本輸入<TEXTAREAname="text"rows=##cols=##>text</TEXTAREA>

類似于<INPUTTYPE="text">標記，但允許多行文本輸入。name屬性與<INPUT>的類似，用行和列屬性的數值定義文本輸入區域的大小。元素中text的值將作為默認內容顯示在文本區域中。第31頁，課件共58頁，創作于2023年2月HTML基本元素的使用實體HTML文檔中出現的很多字符不可能通過輸入直接放入HTML文檔中，這些字符包括對HTML有特殊意義的字符，如，“<”和“>”字符，以及許多鍵盤上找不到的國際字符和印刷字符。可以用實體（Entities）把這些字符放在文檔中，實體是若干個文本片段，它們一起表示單個字符。其一般語法包括一個“&”號、一個表示字符的名字及一個分號。第32頁，課件共58頁，創作于2023年2月實體（續）保留字符保留字符是HTML中用于其它目的的普通字符，如果按原樣輸入則會引起混亂。實體顯示形式備注<小于號（<）>；大于號（>）&與號（&）"e;引號（"）（通常不用）

不換行空白見下頁

第33頁，課件共58頁，創作于2023年2月保留字符（續）在瀏覽器中瀏覽HTML文檔時，瀏覽器根據單詞之間的留白來自動換行，并且HTML不支持兩個及兩個以上的空格。因此HTML語言提供了一個不換行空格的標記“＆nbsp；”，這樣如果需要某幾個單詞之間不出現換行的話，就可以在這些單詞之間使用這個換行標記“＆nbsp；”來替代空格，并且也可以利用這個標記來建立兩個或兩個以上的空格效果。第34頁，課件共58頁，創作于2023年2月實體（續）國際字符

國際字符指多數除英語外的歐洲語言中使用的字符，其名字參照ISO拉丁字符集。實體顯示形式備注Á帶重音的大寫A（á）ô帶升降調的小寫o（?）Æ連字大寫AE（?）ç帶變音符的小寫c（?）第35頁，課件共58頁，創作于2023年2月Table元素表格元素是網頁是應用最為廣泛的元素之一。表格元素在網頁中以表格形式組織和顯示數據大量使用在網頁布局設計上。在“Google”貌似簡單的網頁上，居然也用了三個表格來布局。第36頁，課件共58頁，創作于2023年2月Table元素（續）第37頁，課件共58頁，創作于2023年2月Table元素（續）<TABLE>標記的一般形式是：<TABLEWIDTH="?"BGCOLOR="?"BACKGROUND="?"BORDER="?"CELLSPACING="?"CELLPADDING="?"><TR>…<TD>…</TD>…</TR></TABLE>第38頁，課件共58頁，創作于2023年2月表格中的TD元素（續）在<TD>標記的屬性中：Width 單元格寬度Height 單元格高度Align 單元格水平對齊方式Valign 單元格垂直對齊方式RowSpan 單元格的行跨度ColSpan 單元格的列跨度第39頁，課件共58頁，創作于2023年2月PHP基礎(一個簡單的動態網頁)<html><head><title>TheFirstGreetingfromPHP</title></head><body><?echo"hello,$name\n";?></body></html>第40頁，課件共58頁，創作于2023年2月PHP基礎(一個簡單的動態網頁)打開瀏覽器，在地址欄中輸入：

/greeting.php?name=Cheng本課程所含的實驗或例子假設在本地主機上的Web服務器阿Apache上運行。Apache的網頁發布目錄在d:\xampp\htdocs第41頁，課件共58頁，創作于2023年2月PHP與“純”HTML網頁的不同PHP網頁需要經過Apache的PHP模塊處理才能顯示;PHP網頁的程序參數（或變量）至少可以從URL地址欄輸入；網頁的輸出可以隨程序參數（或變量）值變化而變化。在本例在/greeting.php網址之后附帶了“?name=Cheng”。等號“=”左邊為“參數”，“=”右側為參數值當需要輸入的參數多于一項時，參數之間要用“&”號隔開第42頁，課件共58頁，創作于2023年2月HTML表單與PHP處理程序在瀏覽器的URL地址欄輸入網頁的名稱和相關參數，而這種用戶數據的輸入方式顯然是很不方便的。尤其不適合普通瀏覽器用戶的使用。在HTML中，一般瀏覽器用戶是通過表單完成網上的數據輸入的。第43頁，課件共58頁，創作于2023年2月HTML表單與PHP處理程序第44頁，課件共58頁，創作于2023年2月HTML表單與PHP處理程序第45頁，課件共58頁，創作于2023年2月HTML表單與PHP處理程序一個簡單的HTML表單<HTML> <!--文件名：form.htm--><BODYBgColor=#FFFFFF><FORMAction="echo.php"Method="GET">姓名:<INPUTType="Text"Name="Name"Size=20><P>興趣:<INPUTType="Text"Name="Love"Size=20><P><INPUTType=SubmitValue="傳送"></FORM></BODY></HTML>第46頁，課件共58頁，創作于2023年2月HTML表單與PHP處理程序對簡單表單的PHP程序處理<HTML> <!--文件名：echo.php--><HEAD><TITLE>Welcome!</TITLE></HEAD><BODYBgColor="#FFFFFF"><Center><H2><?echo"$Name歡迎您,您的興趣愛好是$Love";?>!<HR></H2></Center></BODY></HTML>第47頁，課件共58頁，創作于2023年2月HTML表單與PHP處理程序注意：含有表單的文件往往是一個“純”HTML文件，比如上例的表單文檔就是一個有“.htm”后綴的文件。HTML表單是一個容器元素，即有開始<FORM>和結束</FORM>標記，在<FORM>中至少包含兩個屬性：“ACTION”和“METHOD”。第48頁，課件共58頁，創作于2023年2月HTML表單的ACTION

<FORMACTION=URL>ACTION屬性的值表示該表單的處理方法，也就是表單提交后需要執行的CGI程序名(包括路徑)由于本課程的CGI程序用PHP編寫，因此，一般ACTION屬性中填寫的就是對應的PHP程序或動態網頁的名稱。

<FORMAction="echo.php"Method="GET">表示在用戶提交表單后，由Web服務器上的echo.php程序來處理用戶所提交的數據(該文檔與form.htm在同一目錄中)。第49頁，課件共58頁，創作于2023年2月HTML表單的METHOD

<FORMACTION=URLMETHOD="POST|GET|…">METHOD說明本表單向服務器發送輸入信息時的使用方式一般有兩種選擇：POST和GET，默認的方式是GET。第50頁，課件共58頁，創作于2023年2月HTML表單的METHOD使用GET時，HTTP的客戶端將表單上用戶的輸入信息作為字符串附加在ACTION所設定的U

溫馨提示

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

評論

0/150

提交評論