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

下載本文檔

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

文檔簡介

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

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

style標記及其屬性3.6script標記及其屬性3.7綜合實例3.1title標記及其屬性

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

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

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

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

小結(jié)HTML頭部標記是<head>，在頭部標記<head>的下一層標記中，主要有：標題標記<title>基底網(wǎng)址標記<base>元信息標記<meta>基鏈接標記<link>定義文檔樣式標記<style>定義客戶端腳本標記<script>這些標記主要用于設(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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論