《網(wǎng)頁設(shè)計與制作》課件-第2章 HTML基礎(chǔ)_第1頁
《網(wǎng)頁設(shè)計與制作》課件-第2章 HTML基礎(chǔ)_第2頁
《網(wǎng)頁設(shè)計與制作》課件-第2章 HTML基礎(chǔ)_第3頁
《網(wǎng)頁設(shè)計與制作》課件-第2章 HTML基礎(chǔ)_第4頁
《網(wǎng)頁設(shè)計與制作》課件-第2章 HTML基礎(chǔ)_第5頁
已閱讀5頁，還剩11頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

第2章HTML基礎(chǔ)朱金華教學(xué)目標掌握HTML5文檔結(jié)構(gòu)和基本語法。掌握塊和內(nèi)聯(lián)元素的區(qū)別。掌握HTML的格式元素使用方法。2.1HTML文檔結(jié)構(gòu)<!DOCTYPE>、<html><head>、<title>、<style>、<script>、<base>、<meta><body>、<!---->、<h1>-<h6>、<p>、<br>、<hr>HTML文檔<html>網(wǎng)頁頭部<head></head><title>網(wǎng)頁標題，顯示在瀏覽器的標題欄上</title><body>這是頁面上顯示的內(nèi)容，網(wǎng)頁的主體部分</body>網(wǎng)頁主體</html>2.2HTML基本語法2.2.1標記語法2.2.2屬性語法2.2.3命名規(guī)則2.2.1標記語法單標記基本語法：<標記標簽名稱>雙標記基本語法：<標記標簽名稱>內(nèi)容</標記標簽名稱>2.2.2屬性語法基本語法：<HTML標記名稱屬性名1=”屬性值1”屬性名2=”屬性值2”…>2.2.3命名規(guī)則建議統(tǒng)一使用html作為文件的擴展名文件命名要以最簡短的名稱體現(xiàn)清晰的含義文件名中統(tǒng)一用小寫英文單詞、數(shù)字和下劃線的組合也可以采用駝峰式命名規(guī)則2.3塊元素與內(nèi)聯(lián)元素塊級（block）元素的特點內(nèi)聯(lián)（inline）元素的特點DIV和SPAN2.4HTML的格式元素2.4.1字符格式化2.4.2輸出2.4.3塊級2.4.4wbr和time元素2.4.1字符格式化1.<em>和<strong>2.<sub>和<sup>3.<bdo>4.<i>、<b>和<small>5.<mark>2.4.2輸出1.<pre>2.<code>3.<kbd>4.<var>5.<dfn>6.<samp>7.<meter>和<progress>8.<rp>、<rt>和<ruby>2.4.3塊級1.<abbr>2.<address>3.<q>和<blockquote>4.<cite>5.<del>和<ins>2.4.4wbr和time元素<wbr><time>2.5HTML5新增的文檔結(jié)構(gòu)元素2.5HTML5新增的文檔結(jié)構(gòu)元素2.5.1文章語義（article、header、footer）元素2.5.2內(nèi)容區(qū)塊語義（section）元素2.5.3側(cè)欄（aside）與導(dǎo)航（nav）元素2.5.4hgroup元素為標題分組2.6小結(jié)HTML文件的基本結(jié)構(gòu)可以簡單總結(jié)為一個DOCTYPE加一個html，html里面有head和body元素。一個最小的HTML5源文件必須有<!DOCTYPEhtml>，其它都可以隱去，這些隱式標簽（比如html、head、body等）在瀏覽器中生成的DOM樹后還是存在的。body是HTML文檔的核心部分，在瀏覽器中看到的任何信息都定義在這個標記之內(nèi)。雖然HTML的格式元素定義的文本大多會呈現(xiàn)特殊樣式，但我們真正喜歡的是它們擁有確切的語義。如果只是為了達到某

溫馨提示

  • 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)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論