PHP開發(fā)從入門到精通課件第3章_第1頁
PHP開發(fā)從入門到精通課件第3章_第2頁
PHP開發(fā)從入門到精通課件第3章_第3頁
PHP開發(fā)從入門到精通課件第3章_第4頁
PHP開發(fā)從入門到精通課件第3章_第5頁
已閱讀5頁，還剩11頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第3章HTML基礎(chǔ) HTML即HypertextMarkedLanguage（超文本標(biāo)記語言），是一種用來制作超文本文檔的簡單標(biāo)記語言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)（如UNIX、Windows等）。自1990年以來HTML就一直被用作WWW的信息表示語言，用于描述Homepage的格式設(shè)計(jì)和它與WWW上其他Homepage的連接信息。使用HTML語言描述的文件需要通過瀏覽器顯示出效果。

所謂超文本，是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容，可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件的連接。HTML只不過是組合成一個(gè)文本文件的一系列標(biāo)簽。【例3-1】HTML列表標(biāo)記實(shí)例 <br>換行標(biāo)記 <br>是一個(gè)很簡單的標(biāo)記，它沒有結(jié)束標(biāo)記，用來創(chuàng)建一個(gè)回車換行。在<br>的使用上還有一定的技巧：如果把<br>加在<p></p>標(biāo)記對的外邊，將創(chuàng)建一個(gè)大的回車換行，即<br>前邊和后邊的文本的行與行之間的距離比較大；若放在<p></p>的里邊，則<br>前邊和后邊的文本的行與行之間的距離將比較小。 <blockquote></blockquote>縮進(jìn)標(biāo)記

在<blockquote></blockquote>標(biāo)記對之間加入的文本將會(huì)在瀏覽器中按兩邊縮進(jìn)的方式顯示出來。

列表

在HTML中列表分為三種：無序列表、有序列表和定義列表。無序列表用<ul>來定義，格式為：<ul><li>無序列表1<li>無序列表2<li>無序列表3</ul>【例3-1】HTML列表標(biāo)記實(shí)例 <hr> <hr>標(biāo)記是在HTML文檔中加入一條水平線，它可以直接使用，具有size、color、width和noshade屬性。size是設(shè)置水平線的厚度，而width是設(shè)定水平線的寬度，默認(rèn)單位是像素。color屬性不再多講。noshade屬性不用賦值，而是直接加入標(biāo)記即可使用，它是用來加入一條沒有陰影的水平線（不加入此屬性，水平線將有陰影）。 <body></body>【例3-2】HTML文本標(biāo)記實(shí)例 HTML中有許多用于文本字體的形狀、大小、顏色等描述的標(biāo)記。 <pre></pre><pre></pre>標(biāo)記對用來對文本進(jìn)行格式化處理。被包圍在pre元素中的文本通常會(huì)保留空格和換行符，文本也會(huì)呈現(xiàn)為等寬字體。 <h1></h1>……<h6></h6> HTML語言提供了一系列對文本中的標(biāo)題進(jìn)行操作的標(biāo)記對：<h1></h1>……<h6></h6>，即共有6對標(biāo)題的標(biāo)記對。<h1></h1>是最大的標(biāo)題，而<h6></h6>則是最小的標(biāo)題，也即標(biāo)記中h后面的數(shù)字越大標(biāo)題文本越小。如果HTML文檔中需要輸出標(biāo)題文本，就可以使用這6對標(biāo)題標(biāo)記對中的任何一對。

【例3-2】HTML文本標(biāo)記實(shí)例<b></b><i></i><u></u>

經(jīng)常使用Word的人對這3對標(biāo)記對一定很快就能掌握。<b></b>用來使文本以黑體字的形式輸出；<i></i>用來使文本以斜體字的形式輸出；<u></u>用來使文本加下劃線的形式輸出。 <tt></tt><cite></cite><em></em><strong></strong>

這些標(biāo)記對的用法和上面的一樣，差別只在于輸出的文本字體不太一樣。<tt></tt>用來輸出打字機(jī)風(fēng)格字體的文本；<cite></cite>用來輸出引用方式的字體，通常是斜體；<em></em>用來輸出需要強(qiáng)調(diào)的文本（通常是斜體加粗體）；<strong></strong>用來輸出加重文本（通常也是斜體加粗體）。

【例3-2】HTML文本標(biāo)記實(shí)例<font></font> <font></font>是一對很有用的標(biāo)記對，它可以對輸出文本的字體大小、顏色進(jìn)行隨意地改變，這些改變主要是通過對它的兩個(gè)屬性size和color的控制來實(shí)現(xiàn)的。size屬性用來改變字體的大小，可以取值：–1、1和+1；color屬性則用來改變文本的顏色，顏色取值十六進(jìn)制RGB顏色碼或HTML語言給定的顏色常量名。如： <fontcolor="yellow"size=5>表示即將顯示的字符為黃色五號(hào)字。 <fontcolor="gray"size=3>表示即將顯示的字符為灰色三號(hào)字。 <address></address> <address>標(biāo)記通常用于說明文檔的作者、與作者聯(lián)系的方法（如電子郵件地址）和修訂日期，它一般是一個(gè)文件的最后部分。【例3-3】HTML圖像標(biāo)記實(shí)例

本例主要涉及兩個(gè)標(biāo)記：圖像標(biāo)記<img>和鏈接標(biāo)記<a>，<a>標(biāo)記會(huì)在【例3-5】中詳細(xì)說明，在此不做解釋，重點(diǎn)講解圖像標(biāo)記<img>。

在Web頁面中，圖像是必不可少的一個(gè)元素。圖像的標(biāo)記為<img>，語法格式如下：<imgsrc="圖像的URL"alt=""width=""height=""align=""border="">

其中各屬性的含義如下：

src：圖像的URL地址。 alt：在瀏覽器未完全讀入圖像或者瀏覽器顯示不出圖像時(shí)，在圖像位置顯示的文字，同時(shí)也是當(dāng)鼠標(biāo)移動(dòng)到圖像上時(shí)顯示的文本。 width：圖像的寬度，默認(rèn)單位也是像素。 height：圖像的高度，默認(rèn)單位也是像素。 align：圖像和文字的對齊方式，有l(wèi)eft、middle、right、top和bottom5種方式。 border：圖像邊框厚度，默認(rèn)單位是像素。 name：圖像的名稱?！纠?-4】HTML表格標(biāo)記實(shí)例 <table></table>標(biāo)記對用來創(chuàng)建一個(gè)表格，它的屬性如表3-2所示。表3-2<table>標(biāo)記的屬性【例3-5】HTML鏈接標(biāo)記實(shí)例 超級(jí)鏈接是HTML的基本結(jié)構(gòu)，它是指把并不連續(xù)的兩段文字或者兩個(gè)文件聯(lián)系起來。網(wǎng)頁中超級(jí)鏈接的分類有很多方式，有的分為超文本與超鏈接，有的分為外部鏈接、內(nèi)部鏈接、郵件鏈接和錨記鏈接以及空鏈接。 鏈接的語法格式<ahref="鏈接的地址或者文件"target="鏈接網(wǎng)頁打開的方式"name="鏈接的名稱">鏈接顯示的文本</a>href屬性：本標(biāo)記對的屬性href是無論如何不可缺少的，標(biāo)記對之間加入需要鏈接的文本或圖像（鏈接圖像即加入<imgsrc="">標(biāo)記）。href的值可以是URL形式，即網(wǎng)址或相對路徑，也可以是mailto:形式，即發(fā)送E-mail形式。target屬性：此屬性是指定鏈接的地址打開窗口的形式，共有4個(gè)取值。【例3-6】HTML表單標(biāo)記實(shí)例 <form></form> <form></form>標(biāo)記對用來創(chuàng)建一個(gè)表單，也即定義表單的開始和結(jié)束位置，在標(biāo)記對之間的一切都屬于表單的內(nèi)容。<form>標(biāo)記具有action、method和target屬性。具體如表3-5所示?！纠?-7】HTML框架標(biāo)記實(shí)例——保護(hù)環(huán)境網(wǎng)站

框架是由英文Frame翻譯過來的，它可以用來向?yàn)g覽器窗口中裝載多個(gè)HTML文件。即每個(gè)HTML文件占據(jù)一個(gè)框架，而多個(gè)框架可以同時(shí)顯示在同一個(gè)瀏覽器窗口中，它們組成了一個(gè)最大的框架，也即是一個(gè)包含多個(gè)HTML文檔的HTML文件（我們稱之為框架集）?？蚣芡ǔ５氖褂梅椒ㄊ窃谝粋€(gè)框架中放置導(dǎo)航欄目（帶可供選擇的鏈接），然后將導(dǎo)航項(xiàng)所對應(yīng)的鏈接跳轉(zhuǎn)目標(biāo)HTML文件顯示在另一個(gè)框架中。我們平時(shí)用到的郵箱和聊天室很多都是采取框架結(jié)構(gòu)來布局的。

框架的基本結(jié)構(gòu)如下：<frameset><frame><frame>……</frameset>

框架的基本結(jié)構(gòu)分為兩部分：標(biāo)記符frameset和標(biāo)記符frame，其中frameset相當(dāng)于前面實(shí)例中講到的“房間”，專用的名詞為“框架集”。所謂框架集就是指構(gòu)造整個(gè)框架結(jié)構(gòu)的文檔，它不包含任何可以顯示的內(nèi)容，只包含如何組織各個(gè)框架的信息和框架中的初始頁面信息。而每一個(gè)<frame>就是這個(gè)房間里面包含的每一個(gè)物品?！纠?-8】HTML多媒體標(biāo)記實(shí)例

在主頁中加入聲音有三種方法：

（1）用<bgsound>標(biāo)記加入背景音樂。

（2）用<embed>標(biāo)記嵌入聲音。

（3）用ActiveX控件中的ActiveMovie控件。【例3-9】<marquee>標(biāo)記實(shí)例

文字移動(dòng)標(biāo)記<marquee>的應(yīng)用非常廣泛，既可以用于滾動(dòng)文字，也可以用于滾動(dòng)圖片等元素。語法如下：<marquee>

滾動(dòng)的文字或者圖片等</marquee><marquee>標(biāo)記有以下一些主要的屬性：direction（方向）：定義滾動(dòng)文本的移動(dòng)方向。該屬性有4種取值，分別為left（向左移動(dòng)）、right（向右移動(dòng)）、up（向上移動(dòng)）、down（向下移動(dòng)），默認(rèn)值為left。behavior（行為、方式）：定義滾動(dòng)文本的滾動(dòng)方式。該屬性有3個(gè)取值，分別為scroll（一圈圈滾動(dòng)）、slide（只滾動(dòng)一次）和alternate（來回滾動(dòng)），默認(rèn)值為scroll。loop（循環(huán)）：指定循環(huán)滾動(dòng)的次數(shù)。若沒有設(shè)置該值，則表示無限次循環(huán)。scrollamout（滾動(dòng)的速度）：用來設(shè)置滾動(dòng)文本的速度。該屬性的值是數(shù)字，數(shù)字越大，移動(dòng)的越快。scrolldelay（滾動(dòng)延時(shí)）：定義滾動(dòng)字幕移動(dòng)的延時(shí)。該屬性的值是數(shù)字，單位是千分之一秒。align（對齊方式）：定義滾動(dòng)文本與周圍其他頁面元素之間的對齊方式。該屬性有3個(gè)取值：top（頂端對齊）、middle（居中對齊）、bottom（底端對齊）。bgcolor（背景顏色）：定義滾動(dòng)文本的背景色。該屬性的值可以是16進(jìn)制數(shù)字（如#ff0000）或者具體的顏色名稱（如red）等。height（高度）和width（寬度）：定義滾動(dòng)文本的尺寸。兩個(gè)屬性的值都是數(shù)字，表示像素?cái)?shù)。hspace（垂直間距）和vspace（水平間距）：定義滾動(dòng)文本與周圍頁面元素之間的間隔。兩個(gè)屬性的值

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(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ǔ)空間，僅對用戶上傳內(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論