任務(wù)一-設(shè)置網(wǎng)頁頭部信息_第1頁
任務(wù)一-設(shè)置網(wǎng)頁頭部信息_第2頁
任務(wù)一-設(shè)置網(wǎng)頁頭部信息_第3頁
任務(wù)一-設(shè)置網(wǎng)頁頭部信息_第4頁
任務(wù)一-設(shè)置網(wǎng)頁頭部信息_第5頁
已閱讀5頁,還剩13頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

信息工程系教師:宇虹儒項(xiàng)目二農(nóng)產(chǎn)品HTML網(wǎng)頁制作任務(wù)一設(shè)置網(wǎng)頁頭部信息知識(shí)導(dǎo)航

HTML5基本格式

HTML5語法

HTML標(biāo)記標(biāo)記的屬性4123HTML5文檔頭部相關(guān)標(biāo)記5一HTML5文檔基本格式傳智播客:傳智播客教育科技有限公司是一家專門致力于高素質(zhì)軟件開發(fā)人才培養(yǎng)的高科技公司。此致敬禮

傳智播客學(xué)員【結(jié)論】寫書信要符合書信的基本格式,學(xué)習(xí)HTML標(biāo)記語言亦不例外,同樣需要先掌握它的基本格式,遵從相應(yīng)的格式規(guī)范。1、標(biāo)簽不區(qū)分大小寫2、允許屬性值不使用引號(hào)3、允許部分屬性值的屬性省略二HTML5語法HTML5可以省略屬性值的屬性屬性描述checked省略屬性值后,等價(jià)于checked="checked"。readonly省略屬性值后,等價(jià)于readonly="readonly"defer省略屬性值后,等價(jià)于defer="defer"ismap省略屬性值后,等價(jià)于ismap="ismap"nohref省略屬性值后,等價(jià)于nohref="nohref"noshade省略屬性值后,等價(jià)于noshade="noshade"nowrap省略屬性值后,等價(jià)于nowrap="nowrap"selected省略屬性值后,等價(jià)于selected="selected"disabled省略屬性值后,等價(jià)于disabled="disabled"multiple省略屬性值后,等價(jià)于multiple="multiple"noresize省略屬性值后,等價(jià)于noresize="noresize"二HTML5語法什么是HTML標(biāo)記?三HTML標(biāo)記帶有“<>”符號(hào)的元素被稱為HTML標(biāo)記例如:<html>、<head>、<body>都是HTML標(biāo)記也稱為HTML標(biāo)簽或HTML元素三HTML標(biāo)記通常將HTML標(biāo)記分為兩大類,分別是“雙標(biāo)記”與“單標(biāo)記”雙標(biāo)記單標(biāo)記雙標(biāo)記也稱體標(biāo)記,是指由開始和結(jié)束兩個(gè)標(biāo)記符組成的標(biāo)記。單標(biāo)記也稱空標(biāo)記,是指用一個(gè)標(biāo)記符號(hào)即可完整地描述某個(gè)功能的標(biāo)記。<標(biāo)記名>內(nèi)容</標(biāo)記名><標(biāo)記名/>表示該標(biāo)記的作用開始,一般稱為“開始標(biāo)記表示該標(biāo)記的作用結(jié)束,一般稱為“結(jié)束標(biāo)記”三HTML標(biāo)記HTML注釋標(biāo)記如果需要在HTML文檔中添加一些便于閱讀和理解但又不需要顯示在頁面中的注釋文字,就需要使用注釋標(biāo)記。基本語法格式<!--注釋語句-->三HTML標(biāo)記標(biāo)記的屬性字體位置字號(hào)顏色語法格式<標(biāo)記名

屬性1="屬性值1"屬性2="屬性值2"…>內(nèi)容</標(biāo)記名>四標(biāo)記屬性多學(xué)一招:何為鍵值對(duì)?“鍵值對(duì)”簡單地說即為對(duì)“屬性”設(shè)置“值”。例如:color="red";width:200px;鍵鍵值值【總結(jié)】在HTML開始標(biāo)記中,可以通過“屬性="屬性值"的方式為標(biāo)記添加屬性,其中“屬性”和“屬性值”是以“鍵值對(duì)”的形式出現(xiàn)的。四標(biāo)記屬性<title><meta/><link><style><title>標(biāo)記用于定義HTML頁面的標(biāo)題,即給網(wǎng)頁取一個(gè)名字,必須位于<head>標(biāo)記之內(nèi)。<meta/>標(biāo)記用于定義頁面的元信息,可重復(fù)出現(xiàn)在<head>頭部標(biāo)記中。在<head>中使用<link>標(biāo)記可引用外部文件,一個(gè)頁面允許使用多個(gè)<link>標(biāo)記引用多個(gè)外部文件。<style>標(biāo)記用于為HTML文檔定義樣式信息,位于<head>頭部標(biāo)記中。五HTML5文檔頭部相關(guān)標(biāo)記<title><meta/><link><style><meta/><link><style>一個(gè)HTML文檔只能含有一對(duì)<title></title>標(biāo)記,<title></title>之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄中。<title>網(wǎng)頁標(biāo)題名稱</title>基本語法格式:五HTML5文檔頭部相關(guān)標(biāo)記meta定義頁面元信息設(shè)置網(wǎng)頁關(guān)鍵字設(shè)置網(wǎng)頁描述設(shè)置網(wǎng)頁作者設(shè)置字符集設(shè)置頁面自動(dòng)刷新與跳轉(zhuǎn)<title><meta/><link><style><metaname=“keywords”content=“JAVA、php"/><metaname=“description“content=“IT培訓(xùn)教育”/><metaname=“author”content=“傳智播客"/><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metahttp-equiv="refresh"content="10;url="/>五HTML5文檔頭部相關(guān)標(biāo)記<title><meta/><link><style><link屬性="屬性值"/>基本語法格式:屬性名常用屬性值描述hrefURL指定引用外部文檔的地址relstylesheet指定當(dāng)前文檔與引用外部文檔的關(guān)系,該屬性值通常為stylesheet,表示定義一個(gè)外部樣式表typetext/css引用外部文檔的類型為CSS樣式表text/javascript引用外部文檔的類型為javascript腳本五HTML5文檔頭部相關(guān)標(biāo)記<title><meta/><link><style><style屬性=”屬性值”>樣式內(nèi)容</style>基本語法格式:在HTML中使用style標(biāo)記時(shí),常常定義其屬性為type,相應(yīng)的屬性值為text/css

溫馨提示

  • 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ì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論