HTML與CSS前臺頁面設(shè)計(jì)課件第03章 HTML網(wǎng)頁頭部標(biāo)記_第1頁
HTML與CSS前臺頁面設(shè)計(jì)課件第03章 HTML網(wǎng)頁頭部標(biāo)記_第2頁
HTML與CSS前臺頁面設(shè)計(jì)課件第03章 HTML網(wǎng)頁頭部標(biāo)記_第3頁
HTML與CSS前臺頁面設(shè)計(jì)課件第03章 HTML網(wǎng)頁頭部標(biāo)記_第4頁
HTML與CSS前臺頁面設(shè)計(jì)課件第03章 HTML網(wǎng)頁頭部標(biāo)記_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第3章HTML網(wǎng)頁頭部標(biāo)記

HTML與CSS前臺頁面設(shè)計(jì)本章要點(diǎn)TITLE標(biāo)記及其屬性BASE標(biāo)記及其屬性META標(biāo)記及其屬性LINK標(biāo)記及其屬性STYLE標(biāo)記及其屬性SCRIPT標(biāo)記及其屬性第3章HTML網(wǎng)頁頭部標(biāo)記HTML與CSS前臺頁面設(shè)計(jì)目錄：3.1title標(biāo)記及其屬性3.2base標(biāo)記及其屬性3.3meta標(biāo)記及其屬性3.4link標(biāo)記及其屬性3.5

style標(biāo)記及其屬性3.6script標(biāo)記及其屬性3.7綜合實(shí)例3.1title標(biāo)記及其屬性

<title>標(biāo)記是一個頁面標(biāo)題標(biāo)記。它將HTML文件的標(biāo)題顯示在瀏覽器的標(biāo)題欄中，用以說明文件的用途。這個標(biāo)記只能應(yīng)用于標(biāo)記<head>與</head>之間。<title>標(biāo)記一般格式為：<title>文件標(biāo)題</title><title>標(biāo)明該HTML文件的標(biāo)題，是對文件內(nèi)容的概括。一個好的標(biāo)題應(yīng)該能使讀者從中判斷出該文件的大概內(nèi)容。文件的標(biāo)題一般不會顯示在文本窗口中，而以窗口的名稱顯示出來。每個文檔只允許有一個標(biāo)題。3.2base標(biāo)記及其屬性

<base>標(biāo)記是一個基底網(wǎng)址標(biāo)記，在HTML中是一個單標(biāo)記。該標(biāo)記用以改變文件中所有連結(jié)標(biāo)記的參數(shù)內(nèi)定值。它只能應(yīng)用于標(biāo)記<head>與</head>之間，并在所有帶有URL地址的語句之前。使用<base>標(biāo)記時，網(wǎng)頁上的所有相對路徑在鏈接時都將在前面加上基底網(wǎng)址。3.2base標(biāo)記及其屬性

<base>標(biāo)記一般格式為：<base屬性=屬性值/>在HTML中，<base>標(biāo)記提供兩種基本屬性：1．href屬性該屬性設(shè)定鏈接地址的前綴，規(guī)定頁面鏈接的基準(zhǔn)URL。2．target屬性該屬性設(shè)定文件顯示的窗口，規(guī)定鏈接的頁面打開方式。在HTML中，根據(jù)實(shí)際需要，可選新窗口(_blank)、原窗口(_self)、父窗口(_parent)、最外層窗口(_top)四種打開方式。3.3meta標(biāo)記及其屬性<meta>標(biāo)記是元信息標(biāo)記，在HTML中是一個單標(biāo)記。該標(biāo)記可重復(fù)出現(xiàn)在頭部標(biāo)記中，用來指明本網(wǎng)頁的作者、網(wǎng)頁制作工具、所包含的關(guān)鍵字，以及其他一些描述網(wǎng)頁的信息。另一個作用就是創(chuàng)建HTTP響應(yīng)頭，以便讓瀏覽器知道如何去處理這個網(wǎng)頁。例如這個網(wǎng)頁什么時候過期，隔多少時間自動刷新等。<meta>標(biāo)記一般格式為：<meta屬性名稱=屬性值>常用屬性如下：1．name屬性為<meta>標(biāo)記中的名稱/值對提供了名稱。2．http-equiv屬性指示服務(wù)器在發(fā)送實(shí)際的文檔之前要傳送給瀏覽器的文檔頭部包含名稱/值對。3.content屬性為<meta>標(biāo)記提供了名稱/值對中的值。content屬性始終要和name屬性或http-equiv屬性一起使用。

3.3meta標(biāo)記及其屬性3.4link標(biāo)記及其屬性<link>標(biāo)記是關(guān)聯(lián)標(biāo)記，在HTML中是一個單標(biāo)記。用于定義當(dāng)前文檔與Web集合中其他文檔的關(guān)系，建立一個樹狀鏈接組織。<link>標(biāo)記并不實(shí)際鏈接到文件中，只是提供鏈接該文件的一個路徑。link標(biāo)記最常用的是用來鏈接CSS樣式表文件。<link>標(biāo)記一般格式為：<link屬性=屬性值>3.5style標(biāo)記及其屬性<style>標(biāo)記是樣式標(biāo)記，在HTML中是一個雙標(biāo)記，用于為HTML文檔定義樣式信息。<style>元素位于head部分中。使用<style>中標(biāo)記，可以規(guī)定在瀏覽器中如何呈現(xiàn)HTML文檔，幾乎所有瀏覽器都支持<style>標(biāo)記。<style>標(biāo)記一般格式為：<style屬性=屬性值>樣式內(nèi)容</style>3.6script標(biāo)記及其屬性<script>標(biāo)記是腳本標(biāo)記，在HTML中是一個雙標(biāo)記，用于為HTML文檔定義客戶端腳本信息。此標(biāo)記可在文檔中包含一段客戶端腳本程序（客戶端腳本程序能使文檔更好地對客戶端的事件作出反應(yīng)，此標(biāo)記可以位于文檔中任何位置，但常位于<head>標(biāo)記內(nèi)，以便于維護(hù)）。本節(jié)將結(jié)合本章所學(xué)內(nèi)容，介紹一個HTML文檔頭部的設(shè)計(jì)。設(shè)計(jì)一個HTML文檔頭部，要求為頁面設(shè)定字符集；設(shè)定便于搜索引擎搜索的關(guān)鍵字；設(shè)定一些描述網(wǎng)頁的信息，告訴搜索引擎本站點(diǎn)的主要內(nèi)容；能夠調(diào)用外部樣式表并在頭部加載腳本文件。3.7綜合實(shí)例

小結(jié)HTML頭部標(biāo)記是<head>，在頭部標(biāo)記<head>的下一層標(biāo)記中，主要有：標(biāo)題標(biāo)記<title>基底網(wǎng)址標(biāo)記<base>元信息標(biāo)記<meta>基鏈接標(biāo)記<link>定義文檔樣式標(biāo)記<style>定義客戶端腳本標(biāo)記<script>這些標(biāo)記主要用于設(shè)定頁面的

溫馨提示

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

評論

0/150

提交評論