版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
認(rèn)識(shí)HTML語言
HTML基本概念
什么是HTML文件HTML的全稱為HyperTextMarkupLanguage,即超文本標(biāo)記語言表
1-1HTML層級(jí)特色
HTML文件的基本結(jié)構(gòu)
<HTML><HEAD><!這是HTML頭信息部分><TITLE>thisismyfirstHTMLpage><!這是HTML的標(biāo)題部分></HEAD><!頭部分結(jié)束><BODY><!這是HTML的正文部分>HiHowareyou.這是我的第一個(gè)HTML程序</BODY><!正文部分結(jié)束></HTML><!程序結(jié)束>HTML實(shí)例<HEAD>……</HEAD>中的標(biāo)記
<TITLE>……</TITLE>
<TITLE>文件題目<TITLE>
標(biāo)題欄空間有限,即標(biāo)題應(yīng)少于80個(gè)字符在標(biāo)題元素中不允許出現(xiàn)置標(biāo),所以以下代碼是無效的:<TITLE>I<B>LOVE</B>YOU</TITLE><LINK>……</LINK>
LINK標(biāo)記用于顯示本文檔和其他文檔之間的連接關(guān)系。一個(gè)典型的應(yīng)用就是外部層疊樣式表的定位。格式如下:
<LINKREL=”stylesheet”HREF=”style.css”>
REL參數(shù)說明HTML文件及URL兩個(gè)文檔之間的關(guān)系,HREF說明目標(biāo)文檔名
<META>……</META>
<METANAME=”keywords”CONTENT=”
yourkeyword”>
<METANAME=”description”CONTENT=”
yourhomepage’sdescriptionl”>本頁的關(guān)鍵字和描述。在頁面里加上這些定義后,一些搜索引擎就能夠讓用戶根據(jù)這些關(guān)鍵字查找到你的主頁,了解你的主頁內(nèi)容。<META>……</META><METAHTTP-EQUIV=”refresh”CONTENT=”60,URL=”new.htm”>
瀏覽器將在60秒后,自動(dòng)轉(zhuǎn)到new.htm文件。
<METAHTTP-EQUIV=”content-type”CONTENT=”text/html;charset=”GB2312”>
描述本頁使用的語言。瀏覽器根據(jù)此項(xiàng),就可以選擇正確的語言編碼
<META>……</META><METAcontent=“freenews,bbs,asp,cgi,html,熱點(diǎn)新聞,娛樂,社會(huì),體育新聞,免費(fèi)資源,論壇,網(wǎng)頁制作,在線教程”name=description><METAcontent=free,news,bbs,asp,cgi,html,熱點(diǎn)新聞,娛樂,社會(huì),體育,免費(fèi),論壇,網(wǎng)頁制作,在線教name=keywords><META>……</META><STYLE>……</STYLE>
使用STYLE元素的<STYLE>和</STYLE>置標(biāo)可以在文檔中包含風(fēng)格頁
<script>……</script>script(腳本)的<script>和</script>置標(biāo)用于包含腳本(一系列腳本語言寫的命令)。
文本體控制語言
<BODY>……</BODY>文件體中描述的是瀏覽器中頁面顯示的內(nèi)容
<BODY>的屬性定義BACKGROUND、BGPROPERTIES、BGCOLOR、TEXT、LINK、VLINK和ALINK,用來設(shè)定背景圖象、背景顏色、前景文字顏色及超文本鏈接顏色
<bodytext="#000000"link="#000000"vlink="#FF0000"alink="#333333"bgcolor="#FFFFFF">文本體控制語言LINK:用來設(shè)定未閱讀過的超文本鏈接顏色,缺省值是藍(lán)色。VLINK:用來設(shè)定閱讀過的超文本鏈接顏色,缺省值是紫色。TEXT:用來設(shè)定文字顏色。ALINK:用來設(shè)定動(dòng)作中的超文本鏈接顏色,缺省值是紫色。文本標(biāo)記
<FONT>……</FONT><FONTsize=#>HTML有七種字號(hào),l號(hào)最小,7號(hào)最大。缺省字號(hào)為3,<FONTcolor=#>#可以是6位16進(jìn)制數(shù)也可以是black、olive、red、blue、maroon、navy、white、green、purple、sliver、yellow等文本標(biāo)記<P>……</P>P即Paragraph,段落元素的<P>置標(biāo)標(biāo)志一段的開始,一段結(jié)束可用</P>但通常不需要結(jié)束置標(biāo)。一般說來,<P>置標(biāo)用來把文本分段
文本標(biāo)記<HTML><HEAD><TITLE>ABOUTP</TITLE></HEAD><BODY><P>Thisisparagraph<P>Soisthisok!</BODY></HTML>文本標(biāo)記標(biāo)題文字定義文件內(nèi)的標(biāo)題層次,以區(qū)分文章的章節(jié)段落。HTML共有六層標(biāo)題文字,編號(hào)從1到6,<HnALIGN=”#”>標(biāo)題文字</Hn>n=l,2,3,4,5,6#代表:
left標(biāo)題居左;
center標(biāo)題居中;
right標(biāo)題居右;標(biāo)題文字<HTML><HEAD>標(biāo)題文字實(shí)例</HEAD><BODY><H1>一級(jí)標(biāo)題</H1><BR><H2>二級(jí)標(biāo)題</H2><BR><H3>三級(jí)標(biāo)題</H3><BR><H4>四級(jí)標(biāo)題</H4><BR><H5>五級(jí)標(biāo)題</H5><BR><H6>六級(jí)標(biāo)題</H6><BR></BODY></HTML>標(biāo)題文字水平線的設(shè)定
<hr>標(biāo)識(shí)可以在網(wǎng)頁中生成一條橫線1.size屬性以像素值為單位,規(guī)定橫線的粗細(xì),默認(rèn)值為22.width屬性指定了橫線的長(zhǎng)短默認(rèn)width值的橫線長(zhǎng)短為100%3、align屬性規(guī)定了水平線的對(duì)齊方式,默認(rèn)為居中,這里設(shè)定水平線為左對(duì)齊(align=left),水平線的設(shè)定<html><head><title>使用水平線</title></head><body><h1align=“l(fā)eft">水平線的設(shè)定</h1><hrsize="2"width="30%"align="left"><pre>
有時(shí)候,我們想在網(wǎng)頁中生成一條橫線,將不同的內(nèi)容信息分開,使文字看起來清晰、明確,這時(shí)可以使用<hr>標(biāo)識(shí)來達(dá)到此目的。</pre></body></html>水平線的設(shè)定原樣顯示文字
在制作HTML文件時(shí),經(jīng)常會(huì)遇到這樣的情況,一段文本已經(jīng)排好版了,希望把它原樣顯示在瀏覽器中,這時(shí)可以使用<pre>標(biāo)識(shí)來實(shí)現(xiàn)。方法是把制作好的那段文本前后分別加上<pre>和</pre>標(biāo)識(shí),原來的文本內(nèi)容和格式就會(huì)原封不動(dòng)地保留并顯示出來
署名在瀏覽網(wǎng)頁時(shí)經(jīng)常能看到,在網(wǎng)頁的下部常有簽名或地址,說明這個(gè)網(wǎng)頁是由誰或由哪個(gè)公司編寫的,以及其他有關(guān)信息。假若希望得到更多的反饋信息,署名對(duì)制作者來說是很有用的。署名標(biāo)識(shí)是<address>,在</address>標(biāo)識(shí)之間的文字顯示效果是斜體字。署名署名的HTML代碼如下:<html><head><title>使用水平線</title></head><body><h1>水平線的設(shè)定</h1><hr><pre>
有時(shí)候,我們想在網(wǎng)頁中生成一條橫線,將不同的內(nèi)容信息分開,使文字看起來清晰、明確,這時(shí)可以使用<hr>標(biāo)識(shí)來達(dá)到此目的。</pre><hr><address>公共計(jì)算機(jī)教研室制作</address></body></html>署名特殊字符HTML文件鏈接統(tǒng)一資源定位器URL統(tǒng)一資源定位器(UniformResoureLocator)是文件名的擴(kuò)展protocol://machine.Name[:port]/directory/filenamemachine.name是存放該資源主機(jī)的IP地址directory和filename是該資源的路徑和文件名統(tǒng)一資源定位器也有絕對(duì)URL和相對(duì)URL之分
<A>……</A>
錨元素(Anchor)。用于創(chuàng)建鏈接
其基本格式為:<ahref=”url”>字符串</a>
<Ahref=”/anchor.html”>clickme</a><Ahref=”/anchor.html#anchor”>clickmetoo</a><A>……</A><html><head><title>使用連接</title></head><body><h1>請(qǐng)點(diǎn)擊下面的連接:</h1><Ahref=”001.html”>徐志摩</a><Ahref=””>百度</a></body></html><IMAGE>
圖像元素。SRC和ALT是<IMAGE>置標(biāo)經(jīng)常使用的
<IMAGESRC=”c:\mydocuments\wenhuajie.jpg”WIDTH=”300”HEIGHT=”200”ALT=”DOYOUWANTTOHAVEALOOKATME?”>HEIGHT和WIDTH屬性按像素值確定圖像的寬度和高度ALT用特定的文字代替圖象<案例><Table>……</Table><table>...</table>-定義表格
<tr>-定義表行
<th>-定義表頭
<td>-定義表元(表格的具體數(shù)據(jù))<tableborder=5><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td></table>實(shí)例DHTML簡(jiǎn)介(CSS)DTML與CSS的基本概念
DHTML=HTML+CSS+瀏覽器對(duì)象模型結(jié)構(gòu)+ScriptCSS是CascadingStyleSheet的縮寫。譯作「層疊樣式表單」
瀏覽器的對(duì)象模型
瀏覽器本身就是由許多的對(duì)象所組成的,這些對(duì)象有各自的性質(zhì)、方法和事件,因此網(wǎng)頁設(shè)計(jì)者可以通過Script程序,來控制或調(diào)用這些對(duì)象
層疊樣式表CSSCSS的基本觀念,就是將網(wǎng)頁“內(nèi)容”的設(shè)置與“樣式”的設(shè)置分開
CSS之所以稱為層疊樣式表,是因?yàn)橐孒TML文件同時(shí)應(yīng)用多個(gè)樣式表,進(jìn)一步來說,就是將樣式進(jìn)行分類(如:按顏色樣式、字體樣式、編排樣式),從而建立起各種“樣式表”,然后將這些樣式應(yīng)用給同一網(wǎng)頁
建立樣式表
1、基本聲明
集中聲明
在了解了聲明樣式的基本格式后,就可以使用集中聲明的方式,讓HTML標(biāo)簽,一次擴(kuò)展更多的屬性。集中聲明有兩種方式,一種是“在一個(gè)選擇器內(nèi),聲明數(shù)個(gè)樣式性質(zhì)”;另一種是“數(shù)個(gè)選擇器集中在一個(gè)樣式中聲明”。下面分別介紹這兩種方式,以便了解和掌握集中聲明的方法。集中聲明集中聲明應(yīng)用樣式應(yīng)用樣式樣式表應(yīng)用實(shí)例動(dòng)態(tài)網(wǎng)頁ASP簡(jiǎn)介動(dòng)態(tài)網(wǎng)頁ASP簡(jiǎn)介與JavaScript基礎(chǔ)
ASP簡(jiǎn)介
ASP是一套微軟公司開發(fā)的服務(wù)器端腳本環(huán)境,
ASP內(nèi)含于IIS3.0和4.0之中,通過ASP我們可以結(jié)合HTML(超文本文件)網(wǎng)頁、ASP指令和ActiveX元件建立動(dòng)態(tài)、交互而且高效的Web服務(wù)器應(yīng)用程序
ASP特點(diǎn)(1)使用VBScript、Javascript或者
Perlscript等簡(jiǎn)單易懂的腳本語言,結(jié)合
HTML代碼,即可快速地完成網(wǎng)站的應(yīng)用程序。(2)無需compile編譯,容易編寫,可在服務(wù)器端直接執(zhí)行。(3)使用普通的文本編輯器,如
Windows的記事本,即可進(jìn)行編輯設(shè)計(jì),當(dāng)然也可以使用Ultra_edit等比較專業(yè)的文本編輯器編輯文本。ASP特點(diǎn)(4)與瀏覽器無關(guān)
(5)ASP能與任何
ActiveXscripting語言相容
(6)因?yàn)橹挥心_本的結(jié)果返回到瀏覽器,所以服務(wù)器端腳本不易復(fù)制
(7)可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本
ASP的運(yùn)行環(huán)境
1、
MicrosoftInternetInformationServerversion3.0/4.0onWindowsNTServer2、
MicrosoftPeerWebServicesVersion3.0onWindowsNTWorkstation3、
MicrosoftPersonalWebserveronWindows95/98ASP腳本編程環(huán)境1.從以上兩例可看出,ASP文件的擴(kuò)展名為.asp,一個(gè)ASP文件通常由ASP腳本命令和HTML標(biāo)記、文本組成,ASP命令必須用“<%%>”括起來(關(guān)于<%@LANGUAGE=VBScript%>,先不急于搞清楚,以后再談)。2.初學(xué)者要看懂ASP程序,只要一分為二即可(切不可攪在一起,稀里糊涂)。注意除掉<%%>括起來的代碼后,就與你用過的.htm文件一樣,你一看就懂。而<%%>括起來的部分在服務(wù)器端運(yùn)行后,得到的輸出結(jié)果就是你所熟悉的HTML代碼。如Response.Write"<HTML><BODY>"得到的就是<HTML><BODY>,而<%=Request.ServerVariables("Remote_Addr")%>的運(yùn)行結(jié)果即為IP地址
創(chuàng)建ASP頁面ActiveServerPages(ASP)文件是以.asp為擴(kuò)展名的文本文件,這個(gè)文本文件可以包括下列部分的任意組合:
文本
HTML標(biāo)記
ASP腳本命令
加入Script命令
HTML使用定界符小于號(hào)(<)和大于號(hào)(>)括入HTML標(biāo)簽。
ASP使用定界符
<%和
%>括入腳本命令
<HTML>
<BODY>
Thispagewaslastrefreshedon<%=Now%>.
</BODY>
</HTML>VBScript函數(shù)Now返回當(dāng)前的日期和時(shí)間。Web服務(wù)器處理該頁時(shí),會(huì)使用當(dāng)前的日期和時(shí)間替換<%=Now%>并且將該頁返回到瀏覽器:Thispagewaslastrefreshedon8/1/972:20:00PM.
合成HTML和腳本命令
合成HTML和腳本命令合成HTML和腳本命令什么是JavaScript
JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語言
基本特點(diǎn):是一種腳本編寫語言JavaScript是一種腳本語言,它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個(gè)易的開發(fā)過程。
什么是JavaScript
安全性
JavaScript是一種安全性語言,它不允許訪問本地的硬盤,并不能將數(shù)據(jù)存入到服務(wù)器上,不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除,只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。什么是JavaScript動(dòng)態(tài)性的
JavaScript是動(dòng)態(tài)的,它可以直接對(duì)用戶或客戶輸入做出響應(yīng),無須經(jīng)過Web服務(wù)程序。它對(duì)用戶的反映響應(yīng),是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng),就是指在主頁(HomePage)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作,就稱為“事件”(Event)。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后,可能會(huì)引起相應(yīng)的事件響應(yīng)。JavaScript和Java的區(qū)別。Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語言,特別適合于Internet應(yīng)用程序開發(fā);而JavaScript是Netscape公司的產(chǎn)品
基于對(duì)象和面向?qū)ο?/p>
Java是一種真正的面向?qū)ο蟮恼Z言,即使是開發(fā)簡(jiǎn)單的程序,必須設(shè)計(jì)對(duì)象。
JavaScript是種腳本語言,它可以用來制作與網(wǎng)絡(luò)無關(guān)的,與用戶交互作用的復(fù)雜軟件。它是一種基于對(duì)象(ObjectBased)和事件驅(qū)動(dòng)(EventDriver)的編程語言。因而它本身提供了非常豐富的內(nèi)部對(duì)象供設(shè)計(jì)人員使用。
JavaScript和Java的區(qū)別解釋和編譯
兩種語言在其瀏覽器中所執(zhí)行的方式不一樣。Java的源代碼在傳遞到客戶端執(zhí)行之前,必須經(jīng)過編譯,因而客戶端上必須具有相應(yīng)平臺(tái)上的仿真器或解釋器,它可以通過編譯器或解釋器實(shí)現(xiàn)獨(dú)立于某個(gè)特定的平臺(tái)編
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 海洋浮標(biāo)工安全實(shí)操知識(shí)考核試卷含答案
- 炭素制品工崗前基礎(chǔ)驗(yàn)收考核試卷含答案
- 2025吉林長(zhǎng)春新區(qū)高新開發(fā)區(qū)面向社會(huì)公開招聘“社工崗”普通工作人員18人備考題庫附答案
- 2025年上海立信會(huì)計(jì)金融學(xué)院輔導(dǎo)員考試參考題庫附答案
- 機(jī)械密封件制造工崗前工作實(shí)操考核試卷含答案
- 生活燃煤供應(yīng)工安全應(yīng)急考核試卷含答案
- 礦井泵工誠(chéng)信道德競(jìng)賽考核試卷含答案
- 溫差電器件制造工安全防護(hù)考核試卷含答案
- 2024年湖北醫(yī)藥學(xué)院輔導(dǎo)員招聘考試真題匯編附答案
- 急性心肌梗死后心律失常護(hù)理課件
- 產(chǎn)品供貨方案、售后服務(wù)方案
- 十八而志夢(mèng)想以行+活動(dòng)設(shè)計(jì) 高三下學(xué)期成人禮主題班會(huì)
- 2023年上海華東理工大學(xué)機(jī)械與動(dòng)力工程學(xué)院教師崗位招聘筆試試題及答案
- TOC供應(yīng)鏈物流管理精益化培訓(xùn)教材PPT課件講義
- 醫(yī)院18類常用急救藥品規(guī)格清單
- 放棄公開遴選公務(wù)員面試資格聲明
- 2023-2024學(xué)年江蘇省海門市小學(xué)語文五年級(jí)期末點(diǎn)睛提升提分卷
- GB/T 1685-2008硫化橡膠或熱塑性橡膠在常溫和高溫下壓縮應(yīng)力松弛的測(cè)定
- 北京城市旅游故宮紅色中國(guó)風(fēng)PPT模板
- DB42T1319-2021綠色建筑設(shè)計(jì)與工程驗(yàn)收標(biāo)準(zhǔn)
評(píng)論
0/150
提交評(píng)論