網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)-預(yù)覽頁
【正文】 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN xhtml1/DTD/ html xmlns= head meta equiv=ContentType content=text/html。要建立符合標(biāo)準(zhǔn)的網(wǎng)頁， DOCTYPE聲明是必不可少的關(guān)鍵組成部分。又因?yàn)?，所以它的名字空間都相同，就是 ③ 第 5行定義語言編碼。 ① 打開記事本。 ③ 保存網(wǎng)頁。 如果希望這一頁是網(wǎng)站的首頁（主頁），想讓瀏覽者輸入網(wǎng)址后，就顯示這一頁的內(nèi)容，可以把這個(gè)文件設(shè)為默認(rèn)文檔，文件名為 。其格式為： nobr 文字 /nobr 段落標(biāo)記 1 注釋標(biāo)記 !... 段落標(biāo)記放在一個(gè)段落的頭尾，用于定義一個(gè)段落。當(dāng)在許多段落中設(shè)置對齊方式時(shí)，常使用 div… /div標(biāo)記。 width設(shè)定線段長度，可以是絕對值（以像素為單位）或相對值（相對于當(dāng)前窗口的百分比）。 段落標(biāo)記 5 水平線標(biāo)記 hr / 【例 42】 本例文件 圖 44所示。 ? h… /h標(biāo)記缺省顯示宋體，在一個(gè)標(biāo)題行中無法使用不同大小的字體。 文字標(biāo)記 2．文字標(biāo)記實(shí)例 圖 45 文字標(biāo)記綜合實(shí)例 【 例 43】 ? 超鏈接從當(dāng)前網(wǎng)頁定義的位置跳轉(zhuǎn)到其他位置，包括當(dāng)前頁的某個(gè)位置、 Inter或本地硬盤或局域網(wǎng)上的其他文件，甚至跳轉(zhuǎn)到聲音、圖片等多媒體文件。 ? 超文本鏈接使用錨點(diǎn)標(biāo)記 a來定義。 a標(biāo)記的格式為： a href=URL target=打開窗口方式 熱點(diǎn) /a ? href屬性為超文本引用，它的值為一個(gè) URL，是目標(biāo)資源的有效地址。 ? _blank:空白視窗，保留原來的窗口，新開啟一個(gè)窗口瀏覽所鏈接的文件內(nèi)容； ? _parent:上一層頁框視窗，若網(wǎng)頁使用框架，則所鏈接的網(wǎng)頁回到上一層的框架所在窗口； ? _self:本身視窗，默認(rèn)鏈接顯示方式，所鏈接的內(nèi)容取代原來窗口的內(nèi)容； ? _top:全視窗，以全窗口的方式出現(xiàn)所鏈接的網(wǎng)頁，取代所有窗口內(nèi)容。格式為： a name=記號名 目標(biāo)文本附近的字符串 /a 超鏈接 3 指向本頁中的鏈接 建立指向其他頁面某處的文本 ? 格式為： ? a href=URL記號名 熱點(diǎn)文本 /a ? 要在跳轉(zhuǎn)到的位置處加上鏈接標(biāo)記： ? a name=記號名 文字串 /a ? 如果鏈接指向其他文件的某一部分，格式為： ? a href=目標(biāo)文件路徑 /文件名 記號名 熱點(diǎn)文本 /a 如果鏈接到的文件不是 HTML文件，則該文件將作為下載文件，其格式為： a href=下載文件名 熱點(diǎn)文本 /a 5 指向電子郵件的鏈接 單擊指向電子郵件的鏈接，將打開缺省的電子郵件程序，如 FoxMail、 Outlook Express，并自動填寫郵件地址。 （ 2） 用圖片作為背景 body background=圖片文件名 background取值為一個(gè)圖片文件名，并且要指出文件存放的路徑，可以是相對路徑，也可以是絕對路徑?？墒褂?img標(biāo)記的 width和 height屬性來設(shè)置圖片的大小。本例文件 覽器中的顯示效果如圖 47所示。 align的屬性值分別為： center（表項(xiàng)數(shù)據(jù)的居中）、 left（左對齊）、 right（右對齊）或 justify（左右調(diào)整）。格式為： table align=left|center|right ? 當(dāng)表格位于頁面的左側(cè)或右側(cè)時(shí)，文本填充在另一側(cè)。 bgcolor=色彩或色彩值 設(shè)置背景色彩 background=圖片文件名 “ 設(shè)置背景圖片 bordercolor=色彩 設(shè)置表格邊框的色彩 bordercolorlight=色彩 設(shè)置表格邊框亮部的色彩 rules=row,cols或 none 設(shè)置表內(nèi)線的顯示方法，none為無內(nèi)線 表格 4 表格的色彩和圖片背景 【 例 46】 表格應(yīng)用綜合實(shí)例。frameset用來劃分窗格， frame標(biāo)記用來聲明其中框架頁面的內(nèi)容。例如，要建立有三個(gè)橫向框架的頁面，可寫為： frameset row=x1|y1%|z1*, x2|y2%|z2*, x3|y3%|z3* 框架（多窗口頁面） (2) frame標(biāo)記 frame標(biāo)記用于給各個(gè)框架指定頁面的內(nèi)容，也就是，它將各個(gè)框架和包含其內(nèi)容的那個(gè)文件聯(lián)系在一起。本例中用到的其他 HTM文件是在前面例題中建立的文件。 使用 a的 target屬性就可以控制目標(biāo)文件在那個(gè)框架內(nèi)顯示。 target=_top：鏈接的目標(biāo)文件被顯示在整個(gè)瀏覽器窗口（取消了框架）。 圖 411 框架應(yīng)用綜合實(shí)例 網(wǎng)頁上具有可輸入表項(xiàng)及項(xiàng)目選擇等控制所組成的欄目稱為表單。 表單 2 文字和密碼的輸入 如果瀏覽者想清除輸入到表單中的全部內(nèi)容，可以使用input標(biāo)記中的 type屬性所設(shè)的重置（ reset）按鈕，當(dāng)瀏覽者完成表單的填寫，想要發(fā)送時(shí)，可使用 input標(biāo)記的屬性 type所設(shè)的提交（ submit）按鈕，將表單內(nèi)容送給action中的網(wǎng)址或函件信箱。 ?用 checked表示是否為缺省選中項(xiàng)。選擇欄可分為兩種，即彈出式和字段式。為了顯得整潔，在表單中使用了無邊框表格。 2．制作如圖 414所示的網(wǎng)頁，單擊軟件名稱，則下載該軟件。 5．制作一個(gè) “ 網(wǎng)友推薦 ” 表單，如圖 417所示
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1