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

下載本文檔

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

文檔簡介

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

HTML5基本格式

HTML5語法

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

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

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

溫馨提示

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

評論

0/150

提交評論