《HTML5+CSS3任務(wù)驅(qū)動教程（第2版）（微課版）》高職全套教學(xué)課件

HTML5+CSS3任務(wù)驅(qū)動教程（第2版）（微課版）模塊1網(wǎng)頁設(shè)計基礎(chǔ)知識

模塊2HTML5開發(fā)基礎(chǔ)PPT模塊3文本與段落模塊4網(wǎng)頁中的圖像與多媒體技術(shù)PPT模塊5應(yīng)用表格布局頁面PPT模塊6創(chuàng)建網(wǎng)頁中的超鏈接PPT模塊7網(wǎng)頁表單設(shè)計PPT模塊8CSS3樣式基礎(chǔ)模塊9使用DIV+CSS布局頁面模塊10使用CSS3美化網(wǎng)站元素模塊11綜合案例全套可編輯PPT課件

模塊一網(wǎng)頁設(shè)計基礎(chǔ)知識目錄任務(wù)一任務(wù)二任務(wù)三

HBuilderX的安裝網(wǎng)站的建立網(wǎng)頁的基本知識本課件是可編輯的正常PPT課件1.1HBuilderX的新增功能1．全新的代碼編輯器2．開發(fā)人員工作區(qū)3．CSS預(yù)處理器支持4．實時瀏覽器預(yù)覽5．HTML文檔中的快速CSS編輯任務(wù)1

HBuilderX的安裝本課件是可編輯的正常PPT課件1.1HBuilderX的新增功能6．無鼠標(biāo)操作7．用于重復(fù)任務(wù)的多個光標(biāo)8．新式UI（UserInterface，用戶界面）9．UI顏色主題任務(wù)1HBuilderX的安裝本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)（1）進(jìn)入官網(wǎng)：https://dcloud.io/，單擊“HBuilderX極客開發(fā)工具”圖標(biāo)，進(jìn)入下載界面。根據(jù)自己的計算機(jī)系統(tǒng)選擇合適的版本，單擊“Download”下載，如圖所示。（2）HBuilderX安裝好后，解壓安裝包，雙擊HBuilderX.exe文件，如圖所示。任務(wù)1HBuilderX的安裝本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)（3）HBuilderX啟動成功，如圖所示。任務(wù)1HBuilderX的安裝本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)1HBuilderX的安裝（4）雙擊打開HBuilderX.exe文件或者桌面上HBuilderX快捷方式，從菜單欄中選擇“文件”|“新建”|“項目”|選項，出現(xiàn)“新建項目”對話框，輸入項目名稱chapter01，項目存放位置為“D:/Web前端源碼”，如圖所示。在“選擇模板”中選擇“基本HTML項目”，單擊“創(chuàng)建”按鈕。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)1HBuilderX的安裝（5）此時，在選擇的路徑中創(chuàng)建了一個項目名稱命名的文件夾chapter01,并在該文件夾中自動創(chuàng)建了css、img、js文件夾和index.html文件。這就建立了一個完整的靜態(tài)網(wǎng)站所必需的文件結(jié)構(gòu)。在HBuilderX左側(cè)的項目管理器中，單擊chapter01項目，可以看到該項目中的所有文件，如圖所示。css文件夾用于存放網(wǎng)站中的樣式文件；img文件夾用于存放網(wǎng)站中的圖片文件等；js文件夾用于存放網(wǎng)站中的腳本文件；index.html文件為網(wǎng)站的首頁文件。本課件是可編輯的正常PPT課件引入知識點任務(wù)2網(wǎng)站的建立1.2網(wǎng)頁、網(wǎng)站、首頁1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁1.4IP地址、域名和URL本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.2網(wǎng)頁、網(wǎng)站、首頁1．網(wǎng)頁網(wǎng)頁（WebPage）是一種網(wǎng)絡(luò)信息傳遞的載體，是構(gòu)成網(wǎng)站的基本元素，同時是承載各種網(wǎng)站應(yīng)用的平臺，可以簡單地認(rèn)為：網(wǎng)站就是由網(wǎng)頁組成的。用戶需要通過瀏覽器來瀏覽網(wǎng)頁，從網(wǎng)頁中獲得相關(guān)信息。網(wǎng)頁本身就是一個文件，網(wǎng)頁中可以有文字、圖像、音頻及視頻等信息，它存放在世界某個角落的某臺計算機(jī)中，如果想訪問或者瀏覽它，這臺計算機(jī)必須與互聯(lián)網(wǎng)相連。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.2網(wǎng)頁、網(wǎng)站、首頁2．網(wǎng)站網(wǎng)站（WebSite）由網(wǎng)頁組成，因此，網(wǎng)站就是一個存放網(wǎng)絡(luò)服務(wù)器上的完整信息的集合體。它是由單個或者多個網(wǎng)頁組成的集合，如Google、新浪，以及一些政府機(jī)關(guān)、企事業(yè)單位和個人網(wǎng)站等。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.2網(wǎng)頁、網(wǎng)站、首頁3．首頁首頁（HomePage）是一個特殊的網(wǎng)頁，它作為一個單獨的網(wǎng)頁時，和一般網(wǎng)頁一樣，可以存放一些相關(guān)信息，同時，它也可以作為整個網(wǎng)站的起始點和匯總點。首頁和主頁的區(qū)別在于：在建立網(wǎng)站時，通常會將信息分類并建立一個網(wǎng)頁，放置網(wǎng)站相關(guān)信息的目錄，也就是主頁。但是，不是所有的網(wǎng)站都會將主頁設(shè)置為首頁，一些網(wǎng)站還會將動畫放在首頁上，并將主頁鏈接放在首頁上，用戶需要單擊鏈接進(jìn)而進(jìn)入主頁。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁1．靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁也稱平面頁，其文件名通常以.htm、.html、.shtml、.xml（可擴(kuò)展標(biāo)記語言）等為后綴。用戶只能被動地瀏覽網(wǎng)頁設(shè)計者提供的網(wǎng)頁內(nèi)容，網(wǎng)頁內(nèi)容不會發(fā)生變化（除非網(wǎng)頁設(shè)計者修改了網(wǎng)頁的內(nèi)容）。靜態(tài)網(wǎng)頁不能實現(xiàn)和瀏覽網(wǎng)頁的用戶之間的交互，其信息流向是單向的。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁的特點如下：（1）靜態(tài)網(wǎng)頁的每個頁面都有一個固定的URL（UniformResourceLocator，統(tǒng)一資源定位符），且網(wǎng)頁的URL以.htm、.html、.shtml等常見的形式為后綴；（2）靜態(tài)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無論是否有用戶訪問，都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁是保存在服務(wù)器上的文件，每個靜態(tài)網(wǎng)頁都是一個獨立的文件；（3）靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索；本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁（4）靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站維護(hù)方面比較麻煩，因此當(dāng)網(wǎng)站信息量很大時，完全依靠靜態(tài)網(wǎng)頁的網(wǎng)站制作方式比較困難；（5）靜態(tài)網(wǎng)頁的交互性較差，在功能方面有很大的限制；（6）靜態(tài)網(wǎng)頁頁面瀏覽速度很快，整個過程無須鏈接數(shù)據(jù)庫，開啟頁面的速度快于動態(tài)頁面；（7）靜態(tài)網(wǎng)頁減輕了服務(wù)器的負(fù)擔(dān)，工作量較少，降低了數(shù)據(jù)庫的成本。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁2．動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁，是指與靜態(tài)網(wǎng)頁相對應(yīng)的一種網(wǎng)頁編程技術(shù)。動態(tài)網(wǎng)頁顯示的內(nèi)容是可以隨著時間、環(huán)境或者數(shù)據(jù)庫操作的結(jié)果而發(fā)生改變的。從某種意義上來講，凡是結(jié)合了HTML以外的高級程序設(shè)計語言和數(shù)據(jù)庫技術(shù)進(jìn)行的網(wǎng)頁編程生成的網(wǎng)頁都是動態(tài)網(wǎng)頁。動態(tài)網(wǎng)頁能與后臺數(shù)據(jù)庫進(jìn)行交互和數(shù)據(jù)傳遞，動態(tài)網(wǎng)頁的URL的后綴不是.htm、.html、.shtml、.xml等靜態(tài)網(wǎng)頁的常見格式，而是.aspx、.asp、.jsp、.php、.perl、.cgi等形式。在動態(tài)網(wǎng)頁網(wǎng)址中有一個標(biāo)志性的符號——“?”。動態(tài)網(wǎng)頁一般由服務(wù)器端和客戶端實現(xiàn)交互。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁服務(wù)器端是一個在Web服務(wù)器上運行的程序（服務(wù)器端腳本），用來改變不同網(wǎng)頁上的網(wǎng)頁內(nèi)容，或調(diào)節(jié)序列，或重新加載網(wǎng)頁。服務(wù)器端的響應(yīng)用來確定各種情況，例如，超文本標(biāo)記語言表單里面的數(shù)據(jù)，URL中的參數(shù)，所使用的瀏覽器類型，數(shù)據(jù)庫、服務(wù)器的狀態(tài)等?？蛻舳司褪菫g覽器端，客戶端腳本完全在瀏覽器中運行，并控制著用戶與瀏覽器之間的交互，同時，客戶端的源代碼一般都可以看到，其對最終訪問用戶相對公開。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁的特點如下：（1）動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低維護(hù)網(wǎng)站的工作量；（2）采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理等；（3）動態(tài)網(wǎng)頁實際上并不是獨立存在于服務(wù)器的網(wǎng)頁文件，只有當(dāng)用戶請求時，服務(wù)器才返回一個完整的網(wǎng)頁；（4）動態(tài)網(wǎng)頁中的“?”，在搜索引擎檢索時存在一定問題。搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，出于技術(shù)方面的考慮，搜索時其不會抓取網(wǎng)址中“?”后面的內(nèi)容，因此采用動態(tài)網(wǎng)頁的網(wǎng)站在進(jìn)行搜索引擎推廣時，需要進(jìn)行一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.4IP地址、域名和URL1．IP地址每個連接到互聯(lián)網(wǎng)上的主機(jī)都會被分配一個IP地址，IP地址是用來唯一標(biāo)識互聯(lián)網(wǎng)上計算機(jī)的邏輯地址，機(jī)器之間的訪問就是通過IP地址來進(jìn)行的。目前IPv4版本的IP地址采用32位二進(jìn)制數(shù)的形式表示。為了便于使用，IP地址經(jīng)常被寫成十進(jìn)制數(shù)的形式，每8位二進(jìn)制數(shù)用“.”分開，稱為“點分十進(jìn)制表示法”，如。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.4IP地址、域名和URL2．域名IP地址畢竟是數(shù)字標(biāo)識，使用時不好記憶和書寫，因此在IP地址的基礎(chǔ)上又發(fā)展出一種符號化的地址方案，來代替數(shù)字型的IP地址。域名是由一串用點分隔的名字組成的互聯(lián)網(wǎng)上某一臺計算機(jī)或計算機(jī)組的名稱，用于在數(shù)據(jù)傳輸時標(biāo)識計算機(jī)的電子方位（有時也指地理位置）。網(wǎng)域名稱系統(tǒng)（DomainNameSystem，DNS）簡稱域名系統(tǒng)，是互聯(lián)網(wǎng)中的一項核心服務(wù)，它作為可以將域名和IP地址相互映射的一個分布式數(shù)據(jù)庫，能夠使用戶更方便地訪問互聯(lián)網(wǎng)，而不用去記住能夠被機(jī)器直接讀取的IP地址數(shù)串，如。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.4IP地址、域名和URL3．URL統(tǒng)一資源定位符（URL），俗稱網(wǎng)址。網(wǎng)址格式為：<協(xié)議>://<域名或IP>:<端口>/<路徑>。其中，<協(xié)議>://<域名或IP>是必需的，<端口>/<路徑>有時可省略。如/。本課件是可編輯的正常PPT課件任務(wù)2網(wǎng)站的建立1.5HTTP和FTP1．HTTPHTTP（HyperTextTransferProtocol）即超文本傳輸協(xié)議，它是Web的核心。HTTP是一種為了將位于全球各個地方的Web服務(wù)器中的內(nèi)容發(fā)送給不特定的多數(shù)用戶而制定的協(xié)議。HTTP用于從服務(wù)器端讀取Web頁面內(nèi)容，從Web瀏覽器下載Web服務(wù)器中的HTML文檔及圖像文件等，并臨時保存在個人計算機(jī)硬盤及內(nèi)存中以供顯示。2．FTPFTP（FileTransferProtocol）即文件傳輸協(xié)議，它是互聯(lián)網(wǎng)上使用非常廣泛的一種通信協(xié)議，是為了互聯(lián)網(wǎng)上的用戶進(jìn)行文件傳輸（包括文件的上傳和下載）而制定的。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)2網(wǎng)站的建立（1）打開HBuilderX，執(zhí)行“文件”>“新建”>“項目”命令，如圖所示。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)2網(wǎng)站的建立（2）在彈出的“新建項目”對話框中，根據(jù)個人喜好設(shè)置項目名稱和本項目的路徑，然后單擊“新建”按鈕，新建項目文件夾，如圖所示。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)2網(wǎng)站的建立（3）新建站點后，若沒有顯示項目，可以執(zhí)行“視圖”→“顯示項目管理器等左側(cè)視圖”命令，如圖所示。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)2網(wǎng)站的建立（4）成功創(chuàng)建一個站點，效果如圖所示。本課件是可編輯的正常PPT課件1.6網(wǎng)頁的基本結(jié)構(gòu)任務(wù)3網(wǎng)頁的基本知識1．導(dǎo)航欄導(dǎo)航欄是構(gòu)成網(wǎng)頁的重要元素之一，是網(wǎng)站頻道入口的集合區(qū)域，相當(dāng)于網(wǎng)站的菜單。導(dǎo)航欄設(shè)計的目的是將站點內(nèi)的信息分類處理，然后放在網(wǎng)頁中以幫助用戶快速查找站內(nèi)信息。同時，導(dǎo)航欄的形式多種多樣，包括文本導(dǎo)航欄、圖像導(dǎo)航欄及動畫導(dǎo)航欄等。2．欄目欄目是指網(wǎng)頁中存放相同性質(zhì)內(nèi)容的區(qū)域。在對網(wǎng)頁內(nèi)容進(jìn)行布局時，把性質(zhì)相同的內(nèi)容安排在網(wǎng)頁的相同區(qū)域，可以幫助用戶快速獲取所需信息，對網(wǎng)站內(nèi)容起到非常好的導(dǎo)航作用。3．正文內(nèi)容正文內(nèi)容是指網(wǎng)頁中的主體內(nèi)容。例如，對于文章類的網(wǎng)頁，正文內(nèi)容就是文章本身；而對于展示產(chǎn)品的網(wǎng)頁，正文內(nèi)容就是產(chǎn)品信息。本課件是可編輯的正常PPT課件1.7網(wǎng)頁的基本內(nèi)容任務(wù)3網(wǎng)頁的基本知識1．網(wǎng)站logo2．Banner3．內(nèi)容模塊4．版尾或版權(quán)模塊5．文本6．圖片7．超鏈接8．動畫9．聲音10．表格11．表單本課件是可編輯的正常PPT課件1.8網(wǎng)頁的表現(xiàn)任務(wù)3網(wǎng)頁的基本知識網(wǎng)頁的表現(xiàn)是指網(wǎng)頁對信息在顯示上的控制，如版式、顏色、大小等樣式上的控制。好的表現(xiàn)會使用戶在瀏覽頁面時更加舒適。本課件是可編輯的正常PPT課件1.9網(wǎng)頁的行為任務(wù)3網(wǎng)頁的基本知識網(wǎng)頁的行為也就是網(wǎng)頁的交互操作，既可以從網(wǎng)頁上獲得所需的信息，也可以把自己的一些觀念信息、見解和意見傳遞出去與其他人交流。本課件是可編輯的正常PPT課件1.10網(wǎng)頁的Web標(biāo)準(zhǔn)任務(wù)3網(wǎng)頁的基本知識網(wǎng)頁的Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。Web標(biāo)準(zhǔn)由萬維網(wǎng)聯(lián)盟（W3C）制定，分為結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)、行為標(biāo)準(zhǔn)和代碼標(biāo)準(zhǔn)。本課件是可編輯的正常PPT課件1.10網(wǎng)頁的Web標(biāo)準(zhǔn)任務(wù)3網(wǎng)頁的基本知識1．結(jié)構(gòu)標(biāo)準(zhǔn)（1）可擴(kuò)展標(biāo)記語言（ExtensibleMarkupLanguage，XML）和HTML一樣，XML同樣來源于標(biāo)準(zhǔn)通用標(biāo)記語言，可擴(kuò)展標(biāo)記語言和標(biāo)準(zhǔn)通用標(biāo)記語言都是能定義其他語言的語言。XML設(shè)計的最初目的是彌補HTML的不足，以強大的擴(kuò)展性滿足網(wǎng)絡(luò)信息發(fā)布的需要，后來逐漸用于網(wǎng)絡(luò)數(shù)據(jù)的轉(zhuǎn)換和描述。（2）可擴(kuò)展超文本標(biāo)記語言（ExtensibleHyperTextMarkupLanguage，XHTML）雖然XML的數(shù)據(jù)轉(zhuǎn)換能力強大，大多數(shù)情況下完全可以替代HTML，但面對成千上萬已有的站點，直接采用XML還為時過早。因此，在HTML4.0的基礎(chǔ)上，用XML的規(guī)則對其進(jìn)行擴(kuò)展，得到了XHTML。簡單地說，建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。本課件是可編輯的正常PPT課件1.10網(wǎng)頁的Web標(biāo)準(zhǔn)任務(wù)3網(wǎng)頁的基本知識2．表現(xiàn)標(biāo)準(zhǔn)層疊樣式表（CSS）：W3C創(chuàng)建CSS標(biāo)準(zhǔn)的目的是以CSS取代HTML表格式布局、幀和其他表現(xiàn)語言。純CSS布局與結(jié)構(gòu)式XHTML相結(jié)合能幫助網(wǎng)頁設(shè)計者分離外觀與結(jié)構(gòu)，使站點的訪問及維護(hù)更加容易。本課件是可編輯的正常PPT課件1.10網(wǎng)頁的Web標(biāo)準(zhǔn)任務(wù)3網(wǎng)頁的基本知識3．行為標(biāo)準(zhǔn)文檔對象模型（DocumentObjectModel，DOM）：根據(jù)W3C的DOM規(guī)范（http:///DOM/），DOM是一種與瀏覽器、平臺、語言的接口，使用戶可以訪問頁面上其他的標(biāo)準(zhǔn)組件。簡單地說，DOM解決了Netscape的JavaScript和Microsoft的JScript之間的沖突，給予Web設(shè)計師和開發(fā)者一個標(biāo)準(zhǔn)的方法，讓他們能訪問他們站點中的數(shù)據(jù)、腳本和表現(xiàn)層對象。4．代碼標(biāo)準(zhǔn)代碼標(biāo)準(zhǔn)包括結(jié)束標(biāo)記、大小寫元素、嵌套、屬性、特殊符號、屬性賦值以及注釋等。本課件是可編輯的正常PPT課件謝謝本課件是可編輯的正常PPT課件模塊二HTML5開發(fā)基礎(chǔ)目錄任務(wù)一任務(wù)二任務(wù)三寫一個簡單的HTML5頁面設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件引入知識點2.1HTML簡介2.2HTML文件的基本結(jié)構(gòu)任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.1HTML簡介HTML是一切網(wǎng)頁實現(xiàn)的基礎(chǔ)，在網(wǎng)絡(luò)中瀏覽的網(wǎng)頁都是一個個由HTML標(biāo)記構(gòu)成的文件。瀏覽器只要看到HTML源代碼，就能解析成網(wǎng)頁。HTML文件本身是一種純文本文件，我們可以使用任意一種文本編輯工具進(jìn)行編寫。比如，使用最簡單的記事本工具，或Editplus、HBuilder、Sublime、InterlliJIDEA等文本編輯工具，或Dreamweaver可視化編輯工具編寫。目前，最新的HTML文件是HTML5。任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.1HTML簡介2.1.1HTML的定義HTML（HyperTextMarkupLanguage，超文本標(biāo)記語言）是由W3C（WorldWideWebConsortium，萬維網(wǎng)聯(lián)盟）所提出的，是用于描述網(wǎng)頁文檔的一種標(biāo)記語言，其主要用途是制作網(wǎng)頁。用HTML編寫的超文本文檔稱為HTML文檔，也叫網(wǎng)頁。它能獨立于各種操作系統(tǒng)平臺。任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.1HTML簡介2.1.2HTML的發(fā)展歷史HTML（第一版）：在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布，并非標(biāo)準(zhǔn)。

HTML2.0：1995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布已經(jīng)過時。

HTML3.2：1996年1月14日，W3C推薦標(biāo)準(zhǔn)。

HTML4.0：1997年12月18日，W3C推薦標(biāo)準(zhǔn)。

HTML4.01（微小改進(jìn)）：1999年12月24日，W3C推薦標(biāo)準(zhǔn)。HTML5：2014年10月29日，W3C宣布，經(jīng)過接近8年的艱苦努力，HTML5標(biāo)準(zhǔn)規(guī)范終于制定完成。任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.2HTML文件的基本結(jié)構(gòu)HTML文檔包含標(biāo)記和純文本，它被Web瀏覽器讀取并解析后以網(wǎng)頁的形式顯示出來。每個網(wǎng)頁都有其基本的結(jié)構(gòu)，包括HTML文檔的結(jié)構(gòu)，標(biāo)記的語法格式，語法規(guī)范等。2.2.1HTML的語法格式HTML的語法結(jié)構(gòu)主要有標(biāo)記、屬性和元素組成，其基本語法格式如下：<標(biāo)記名屬性1=“屬性值1”屬性2=“屬性值2”…>內(nèi)容</標(biāo)記名>任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.2HTML文件的基本結(jié)構(gòu)1.標(biāo)記HTML標(biāo)記組成HTML文檔的元素，每一個標(biāo)記描述了一個功能。標(biāo)記分為單標(biāo)記，雙標(biāo)記兩種。（1）單標(biāo)記：只需單獨使用就能完整地表達(dá)意思，這類標(biāo)記的基本語法格式如下：<標(biāo)記名>（2）雙標(biāo)記：這類標(biāo)記的基本語法格式如下：<標(biāo)記名>內(nèi)容</標(biāo)記名>任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.2HTML文件的基本結(jié)構(gòu)2.標(biāo)記的屬性使用HTML制作網(wǎng)頁時，如果想讓HTML標(biāo)記提供更多的信息，可以使用HTML標(biāo)記的屬性來實現(xiàn)，許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性。在HTML中，屬性要在開始標(biāo)記中指定，用來表示該標(biāo)記的性質(zhì)和特性?；菊Z法格式如下：<標(biāo)記名屬性1=“屬性值1”屬性2=“屬性值2”…>任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.2HTML文件的基本結(jié)構(gòu)3.元素HTML（element）元素是由“標(biāo)記（tag）”和“屬性（attribute）”所組成，指的是從開始標(biāo)記到結(jié)束標(biāo)記的所有代碼。沒有內(nèi)容的HTML元素被稱為空元素，空元素是在開始標(biāo)記中關(guān)閉的。例如，以下代碼片段所示：<p>歡迎來到廣東創(chuàng)新科技職業(yè)學(xué)院信息工程學(xué)院</p><!--該p元素為有內(nèi)容的元素-->任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.2HTML文件的基本結(jié)構(gòu)2.2.2HTML的文檔結(jié)構(gòu)HTML5文件的基本結(jié)構(gòu)如下：<!doctypehtml><!--文檔類型的聲明--><html><!--文檔的開始--><head><!--文檔頭部的開始--><title>此處是網(wǎng)頁標(biāo)題</title><!--文檔標(biāo)題信息的開始和結(jié)束--></head><!--文檔頭部的結(jié)束--><body><!--文檔主體的開始-->此處是網(wǎng)頁文件內(nèi)容</body><!--文檔主體的結(jié)束--></html><!--文檔的結(jié)束-->任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件2.2HTML文件的基本結(jié)構(gòu)2.2.3HTML的常用標(biāo)記HTML5文檔核心是HTML5標(biāo)記，標(biāo)記是用來實現(xiàn)網(wǎng)頁元素的最小單位。學(xué)習(xí)HTML語言時，除要知道HTML語言結(jié)構(gòu)外，更多是學(xué)習(xí)掌握這些標(biāo)記的使用方法。HTML語言的常用標(biāo)記包含文件結(jié)構(gòu)標(biāo)記、文本段落標(biāo)記、鏈接標(biāo)記、表格標(biāo)記、列表標(biāo)記等等任務(wù)1編寫一個簡單的HTML5頁面本課件是可編輯的正常PPT課件任務(wù)1編寫一個簡單的HTML5頁面任務(wù)實現(xiàn)（1）創(chuàng)建一個HTML5頁面。（3）該網(wǎng)頁頁面顯示的內(nèi)容為“讓我們開始HTML語言的新旅程！”。（2）該網(wǎng)頁頁面標(biāo)題為“第一個HTML頁面”。本課件是可編輯的正常PPT課件引入知識點任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息2.3頁面的頭部摘要信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息在網(wǎng)頁的頭部<head>和</head>標(biāo)記所包含的部分中，通常存放一些介紹頁面內(nèi)容的信息，例如頁面標(biāo)題、關(guān)鍵字、描述、頁面大小，更新日期和網(wǎng)頁快照等。其中，網(wǎng)頁標(biāo)題及頁面描述稱為網(wǎng)頁的摘要信息。如果希望自己發(fā)布的網(wǎng)頁能被百度、谷歌等搜索引擎搜索到，在制作網(wǎng)頁時就需要注意編寫網(wǎng)頁的摘要信息。接下來就介紹一下網(wǎng)頁的摘要信息，<meta>標(biāo)記如何去使用。任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.1<meta>標(biāo)記元數(shù)據(jù)（metadata）是關(guān)于數(shù)據(jù)的信息。<meta>標(biāo)記是頁面頭部部分中的一個輔助性標(biāo)記，提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上，但是對于機(jī)器是可讀的。meta元素被用于規(guī)定頁面的描述、關(guān)鍵詞、文檔的作者、最后修改時間以及其他元數(shù)據(jù)。任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.2<meta>標(biāo)記屬性<meta>設(shè)置的內(nèi)容包括字符集、網(wǎng)頁關(guān)鍵字、網(wǎng)頁描述信息、頁面的刷新及跳轉(zhuǎn)等，這些內(nèi)容都是通過設(shè)置meta標(biāo)記的相應(yīng)屬性來實現(xiàn)。任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.3使用<meta>設(shè)置頁面字符集在HTML5中，有一個新的charset屬性，它使字符集的設(shè)置更加簡化?；菊Z法格式如下：<metacharset="字符集">例如，下列代碼告訴瀏覽器，網(wǎng)頁使用字符集為utf-8，代碼如下：<metacharset="utf-8">任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.4使用<meta>設(shè)置作者信息基本語法格式如下：<metaname="author"content="作者的姓名">例如，將作者的姓名“李小茗”添加到網(wǎng)頁的源代碼中，代碼如下：<metaname="author"content="李小茗">任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.5使用<meta>設(shè)置網(wǎng)頁搜索關(guān)鍵字基本語法格式如下：<metaname="keywords"content="關(guān)鍵字1,關(guān)鍵字2,關(guān)鍵字3,…">例如，定義針對搜索引擎的關(guān)鍵字，代碼如下：<metaname="keywords"content="網(wǎng)頁制作,HTML,Dreamweaver">任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.6使用<meta>設(shè)置網(wǎng)頁描述信息基本語法格式如下：<metaname="discription"content="描述內(nèi)容">例如，在網(wǎng)頁中設(shè)置為網(wǎng)站設(shè)計者提供網(wǎng)頁制作的說明信息，代碼如下：<metaname="discription"content="這是一個網(wǎng)頁制作等在線學(xué)習(xí)平臺，擁有系統(tǒng)的前端和移動開發(fā)等課程。">任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.7使用<meta>設(shè)置網(wǎng)頁刷新時間基本語法格式如下：<metahttp-equiv="refresh"content="刷新間隔時間">例如，將網(wǎng)頁設(shè)置為每隔10秒自動刷新，代碼如下：<metahttp-equiv="refresh"content="10">任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件2.3頁面的頭部摘要信息2.3.8使用<meta>設(shè)置網(wǎng)頁自動跳轉(zhuǎn)基本語法格式如下：<metahttp-equiv="refresh"content="刷新間隔時間";url="頁面地址">例如，將網(wǎng)頁設(shè)置10秒之后，網(wǎng)頁自動跳轉(zhuǎn)到中國大學(xué)慕課網(wǎng)站首頁，代碼如下：<metahttp-equiv="refresh"content="10";url="">任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)（1）設(shè)置制作的study.html頁面的頭部內(nèi)容，該網(wǎng)頁文檔的標(biāo)題為“在線學(xué)習(xí)網(wǎng)”。（3）添加頁面作者信息，作者為“李小茗”。（2）設(shè)定網(wǎng)頁字符集為“utf-8”。（4）設(shè)定頁面關(guān)鍵字“IT在線學(xué)習(xí)，IT在線教育，IT在線培訓(xùn)，IT精品課，移動端學(xué)習(xí)，HTML學(xué)習(xí)，PHP學(xué)習(xí)，Web前端學(xué)習(xí)，Python學(xué)習(xí)，數(shù)字媒體軟件學(xué)習(xí)，多媒體軟件培訓(xùn)”。任務(wù)2設(shè)置“在線學(xué)習(xí)網(wǎng)”的首頁文件頭部信息本課件是可編輯的正常PPT課件謝謝本課件是可編輯的正常PPT課件模塊三文本與段落目錄任務(wù)一任務(wù)二任務(wù)三文字的基本排版對文字進(jìn)行加強描述使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面任務(wù)四任務(wù)五特殊符號的使用添加注釋本課件是可編輯的正常PPT課件引入知識點任務(wù)1文字的基本排版3.2換行3.3預(yù)格式化3.4水平線3.5各級標(biāo)題3.1段落本課件是可編輯的正常PPT課件3.1段落在將頁面中的文字標(biāo)記為段落時，通常會使用<p>…</p>對文字進(jìn)行標(biāo)記，瀏覽器會自動地在段落的前后添加空行。并且這個標(biāo)記必須要成對出現(xiàn)，在段落開始處添加<p>，結(jié)束處添加</p>。例如：任務(wù)1文字的基本排版<p>這是一個段落</p>本課件是可編輯的正常PPT課件3.2換行任務(wù)1文字的基本排版在對HTML文檔進(jìn)行編輯時，回車鍵是不能實現(xiàn)換行功能的，若要實現(xiàn)換行，則需要使用<br/>標(biāo)記，在需要換行的位置添加<br/>即可。一個<br/>標(biāo)記表示換一行，要實現(xiàn)換多行需要使用多個<br/>。雖然兩個<br/>標(biāo)記效果上和<p>標(biāo)記類似，但是從文檔結(jié)構(gòu)上分析還是有所不同的，換行標(biāo)記不能視為描述文檔結(jié)構(gòu)的行為，若要實現(xiàn)段落，還應(yīng)使用<p>標(biāo)記。例如，對一段文字強制換行的代碼如下：<p>截止到2023年12月，圖書館館藏圖書總量達(dá)155.28萬冊，其中紙質(zhì)圖書120.38萬冊，電子圖書34.90萬冊；中外文報刊4433種，其中紙質(zhì)報刊111種，電子報刊4322種。<br/>隨著學(xué)院規(guī)模的發(fā)展，根據(jù)《普通高等學(xué)?；巨k學(xué)條件指標(biāo)(試行)》中規(guī)定的生均圖書冊數(shù)的相關(guān)指標(biāo)要求，我們將繼續(xù)逐步分階段地進(jìn)行館藏資源建設(shè)。同時圖書館正著手建設(shè)各種數(shù)據(jù)庫資源，并探求館際合作，為學(xué)院教學(xué)以及科研提供良好的信息資源保障。</p>本課件是可編輯的正常PPT課件3.3預(yù)格式化任務(wù)1文字的基本排版在對HTML文檔進(jìn)行編輯時，有時會希望一些文本在瀏覽器中顯示的效果就是在HTML文檔中編輯的格式，這個時候我們可以使用<pre>來進(jìn)行標(biāo)記，這個標(biāo)記也是成對出現(xiàn)的<pre></pre>，被這對標(biāo)簽括起來的文本通常會保留其空格及一些換行等格式。我們以一段文字為例，具體使用方法如下：<pre>9月7日—8日，廣東創(chuàng)新科技職業(yè)學(xué)院迎來了近7000名2023級高職新生，錄取報到人數(shù)再創(chuàng)新高（因受天氣影響，報到將延續(xù)至9月11日）。同學(xué)們從五湖四海如約而至，在青春洋溢的創(chuàng)新學(xué)院開啟嶄新的人生篇章和探索之旅。為了順利保障2023級新生平安入學(xué)、有序報到，做到讓學(xué)生滿意，家長放心，學(xué)校專門成立迎新工作專項領(lǐng)導(dǎo)小組，多次召開專項工作會議，制定《2023年新生工作方案》，針對迎新工作統(tǒng)籌規(guī)劃、統(tǒng)一部署，各職能部門和二級學(xué)院迅速響應(yīng)、分工協(xié)作，用實際行動做好各項準(zhǔn)備工作和應(yīng)急預(yù)案迎接新生入校。</pre>本課件是可編輯的正常PPT課件3.4水平線任務(wù)1文字的基本排版在瀏覽網(wǎng)頁時會經(jīng)?？吹接盟骄€來分割文字類別或內(nèi)容，在編輯HTML文檔時我們可以使用<hr>來標(biāo)記出一條橫線，它和<br>一樣是一個空標(biāo)記。我們以信工學(xué)院簡介的樣式為例來看一下橫線標(biāo)記的用法：<pre>信息工程學(xué)院簡介</pre><hr/><pre>廣東創(chuàng)新科技職業(yè)學(xué)院信息工程學(xué)院經(jīng)過十二年的發(fā)展，現(xiàn)有在校學(xué)生近4050名，已開設(shè)計算機(jī)應(yīng)用技術(shù)（省級重點專業(yè)）、通信技術(shù)、計算機(jī)網(wǎng)絡(luò)技術(shù)(華為信息與網(wǎng)絡(luò)技術(shù)學(xué)院)、軟件技術(shù)、電子信息工程技術(shù)、動漫制作技術(shù)、物聯(lián)網(wǎng)應(yīng)用技術(shù)、大數(shù)據(jù)技術(shù)、云計算技術(shù)應(yīng)用、人工智能技術(shù)應(yīng)用、應(yīng)急救援技術(shù)、安全智能監(jiān)測技術(shù)、信息安全技術(shù)應(yīng)用（籌）等13個專業(yè)。2021年由計算機(jī)應(yīng)用技術(shù)牽頭，聯(lián)合計算機(jī)網(wǎng)絡(luò)技術(shù)、軟件技術(shù)、物聯(lián)網(wǎng)應(yīng)用技術(shù)、大數(shù)據(jù)技術(shù)等專業(yè)，申報省高職院校高水平專業(yè)群，獲教育廳立項。</pre>本課件是可編輯的正常PPT課件3.5各級標(biāo)題任務(wù)1文字的基本排版在使用Word軟件編輯文檔時，經(jīng)常會使用標(biāo)題樣式直接創(chuàng)建不同樣式的標(biāo)題。在一段文字中，最基本的文本結(jié)構(gòu)通常會分為不同等級的標(biāo)題和正文，利用不同等級的標(biāo)題使文字的結(jié)構(gòu)更加清晰。HTML文檔中包含6級標(biāo)題，分別用<h1>~<h6>來標(biāo)記，數(shù)字越大，字號越小，即<h1>標(biāo)記字號最大的標(biāo)題，<h6>標(biāo)記字號最小的標(biāo)題。設(shè)置這幾個級別的標(biāo)題的代碼如下：<h1>一級標(biāo)題</h1><h2>二級標(biāo)題</h2><h3>三級標(biāo)題</h3><h4>四級標(biāo)題</h4><h5>五級標(biāo)題</h5><h6>六級標(biāo)題</h6>本課件是可編輯的正常PPT課件具體任務(wù)任務(wù)1文字的基本排版（1）創(chuàng)建一個HTML5頁面，為文檔各個標(biāo)題添加不同級別的標(biāo)題標(biāo)記；（2）添加水平線分隔題目和主體內(nèi)容；（3）使內(nèi)容保留文檔原有格式。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)1文字的基本排版（1）在HBuilderX中創(chuàng)建一個空白HTML5頁面，保存為test.html，文檔中包含<head>、<body>等基本的HTML結(jié)構(gòu)。代碼如下：<!doctypehtml><html><head><metacharset="utf-8"/><title>文字基本樣式設(shè)計</title></head><body></body></html>本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)1文字的基本排版（2）在<body>標(biāo)記中，使用標(biāo)題標(biāo)記<h1>將標(biāo)題名設(shè)置為一級標(biāo)題，并利用<h3>將作者名等信息設(shè)置為三級標(biāo)題：<h1align="center">報刊資源建設(shè)</h1><h3align="center"><b>時間：2023-12-12來源：作者：點擊量：</b></h3>本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)1文字的基本排版（3）添加一條水平線，使用<pre>標(biāo)記添加原有格式的內(nèi)（4）運行代碼，得到如圖所示的效果。<hr/><pre>目前我館征訂有中外文報刊達(dá)520種，其中紙質(zhì)報刊170余種，電子報刊350余種，免費報刊1307種。 配置有觸摸屏閱報機(jī)，同時開通試用博看期刊數(shù)據(jù)庫，該數(shù)據(jù)庫收錄有3600多種40000多本人文類暢銷報刊,每天更新期刊80-200種,可以較大程度地滿足我院師生的相關(guān)信息需求。</pre>本課件是可編輯的正常PPT課件3.6強調(diào)文本任務(wù)2對文字進(jìn)行加強描述在對文本信息進(jìn)行強調(diào)時，可以使用<b>、<strong>、<i>和<em>標(biāo)記，其中<b>和<strong>對文本進(jìn)行加粗處理，<i>和<em>對文本進(jìn)行傾斜處理。1．<b>標(biāo)記<b>標(biāo)記能對文字進(jìn)行加粗處理，用來突出文字。此標(biāo)記也是成對出現(xiàn)的，中間的文本即為要加粗處理的文本，其語法格式如下：<b>加粗突出文本</b>2．<strong>標(biāo)記<strong>標(biāo)記在HTML4.0中為加強強調(diào)文本（strongemphasizedtext），在HTML5中變?yōu)橹匾谋荆╥mportanttext）。其語法格式如下：<strong>重要文本</strong>本課件是可編輯的正常PPT課件3.6強調(diào)文本任務(wù)2對文字進(jìn)行加強描述3．<i>標(biāo)記<i>標(biāo)記原本用于使文本傾斜，現(xiàn)在主要用其來表示一些與文本不同的部分內(nèi)容。例如，外文及一些專業(yè)術(shù)語等，其語法格式如下：<i>斜體文本</i>4．<em>標(biāo)記<em>標(biāo)記在HTML5中表示強調(diào)文本（emphasizedtext），其語法格式如下<em>強調(diào)文本</em>這4個突出文檔內(nèi)容的標(biāo)記，從視覺上看，<b>和<strong>呈現(xiàn)出了文字加粗的效果，<em>和<i>呈現(xiàn)出了文字傾斜的效果，但從定義上看，四者存在著一定的區(qū)別。本課件是可編輯的正常PPT課件3.7作品標(biāo)題任務(wù)2對文字進(jìn)行加強描述在一段文字中有時會涉及一些作品名、書籍名、歌曲名及電視節(jié)目名等標(biāo)題，這時可以使用<cite>標(biāo)記來處理。其語法格式如下：<p><cite>《高等數(shù)學(xué)》</cite>是大學(xué)生的必修課。</p>本課件是可編輯的正常PPT課件3.8小型文本任務(wù)2對文字進(jìn)行加強描述在瀏覽網(wǎng)頁時，會發(fā)現(xiàn)在有的網(wǎng)頁下方有一些注解或者版權(quán)等信息用小型文本進(jìn)行呈現(xiàn)，一般使用<small>來標(biāo)記小型文本，小型文本不會忽略文本的強調(diào)也不會降低重要性。其語法格式如下：<small>舉報電話：010-XXXXXXX</small>本課件是可編輯的正常PPT課件3.9標(biāo)記文本的更改任務(wù)2對文字進(jìn)行加強描述在編輯HTML文檔時，可以使用<ins>和<del>標(biāo)記來描述文檔的更新和修正。通常情況下兩者會一起使用，<del>表示刪除的文本，呈現(xiàn)出刪除線，<ins>表示更改的文本，呈現(xiàn)出下畫線。其語法格式如下：<del>刪除的文本</del><ins>插入的更改文本</ins>本課件是可編輯的正常PPT課件3.10文本的上下標(biāo)任務(wù)2對文字進(jìn)行加強描述在對HTML文本編輯時，會遇到設(shè)置文本上下標(biāo)的情況。當(dāng)然，上下標(biāo)的設(shè)置在數(shù)學(xué)相關(guān)公式的編輯上比較常用，一般使用<sub>來標(biāo)記文本下標(biāo)，<sup>來標(biāo)記文本上標(biāo)。其語法格式如下：_{文本下標(biāo)}^{文本上標(biāo)}本課件是可編輯的正常PPT課件3.11時間和日期任務(wù)2對文字進(jìn)行加強描述日期標(biāo)記是HTML5的新增標(biāo)記，網(wǎng)頁中會經(jīng)常出現(xiàn)關(guān)于日期的信息，但是一直沒有標(biāo)準(zhǔn)的方式去標(biāo)記，<time>標(biāo)記就是用來解決這個問題的，這個標(biāo)記可以使其他搜索引擎較快、較便捷地獲取到相關(guān)的時間信息。其語法格式如下：<timedatetime=""pubdate="">元素內(nèi)容</time>其中，datetime屬性用來定義元素的日期和時間，如果沒有定義此屬性，那么就要在元素內(nèi)容中給出時間信息。pubdate屬性是一個邏輯值，表示<time>元素中的日期和時間是否就是文檔的發(fā)布時間。此標(biāo)記不會使不同的日期和時間元素有不同的顯示形式，僅是方便其他搜索引擎獲取相關(guān)的日期和時間信息。本課件是可編輯的正常PPT課件3.12其他相關(guān)元素任務(wù)2對文字進(jìn)行加強描述除了上面提到的相關(guān)強調(diào)文本標(biāo)記，還有一些標(biāo)記可以使文本信息產(chǎn)生一定的效果，如表所示。標(biāo)記功能描述<dfn>定義一個定義項目<code>定義計算機(jī)代碼文本<samp>定義樣本文本<kbd>定義鍵盤文本<var>定義變量<blockquote>定義另一個源的塊引用<q>定義一個短引用<address>定義文檔作者或者作者的聯(lián)系信息<abbr>定義縮寫形式<mark>定義帶記號文本<m>定義突出顯示文本本課件是可編輯的正常PPT課件具體任務(wù)任務(wù)2對文字進(jìn)行加強描述（1）創(chuàng)建一個HTML頁面，添加特定文章中的相關(guān)文本內(nèi)容；（2）對簡介中的不同內(nèi)容添加不同的強調(diào)標(biāo)記以達(dá)到突出的效果。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)2對文字進(jìn)行加強描述（1）在HBuilderX中創(chuàng)建一個空白的HTML5頁面，保存為test.html，文檔中包含<head>、<body>等基本的HTML結(jié)構(gòu)，并添加相關(guān)文本內(nèi)容。<!doctypehtml><html><head><metacharset="utf-8"/><title>文本強調(diào)</title></head><body><palign="center">在大學(xué)有個明確的目標(biāo)很重要</p><palign="center">期次：第1期</p><p>大學(xué)是一個能鍛煉自己、培養(yǎng)自己、證明自己的地方。但并非每個人都能得償所愿，在大學(xué)里，我們會遇到來自五湖四海的老師和同學(xué)。大學(xué)里也充滿了許多誘惑，一不小心就會墮落和迷失自己，在大學(xué)里，有個明確的目標(biāo)很重要！在平時看《時代》雜志時會希望自己也可以有個美麗的未來。</p></body></html>本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)2對文字進(jìn)行加強描述（2）對正文段落中的文本信息進(jìn)行不同形式的突出，具體實現(xiàn)如下：<body><palign="center"><b>在大學(xué)有個明確的目標(biāo)很重要</b></p><palign="center"><em>期次：第1期</em></p><small><strong>大學(xué)</strong><i>是一個能鍛煉自己、培養(yǎng)自己、證明自己的地方。</i>但并非每個人都能得償所愿，在大學(xué)里，我們會遇到來自五湖四海的老師和同學(xué)。大學(xué)里也充滿了許多誘惑，一不小心就會墮落和迷失自己，在大學(xué)里，有個明確的目標(biāo)很重要！在平時看<cite>《時代》</cite>雜志時會希望自己也可以有個美麗的未來。</small></body>其中，<b>和<strong>為文本加粗突出，<i>和<em>為文本傾斜突出，<cite>表示作品名稱，<small>表示小型文本。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)2對文字進(jìn)行加強描述（3）運行代碼，最終得到如圖所示的效果。本課件是可編輯的正常PPT課件3.13塊級元素任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面塊級（block）元素在瀏覽器中的顯示就像在其首尾部都有一個換行符一樣，常見的塊級元素如表所示。文檔節(jié)div段落p圍繞元素邊框fieldset表格行tr視頻video文檔節(jié)section無序列表ul邊框上標(biāo)題legend表格單元格th媒介源source導(dǎo)航nav有序列表ol選擇列表select表格單元td文本軌道track頁眉header項目li組合選擇列表optgroup表格列屬性col聲音內(nèi)容audio文章article列表dl選擇列表選項option表格格式化列組colgroup換行br文章側(cè)欄aside列表項目dt下拉列表datalist內(nèi)聯(lián)框架iframe水平分割線hr頁腳footer項目描述dd表格table媒介內(nèi)容分組figure格式文本pre元素的細(xì)節(jié)details命令菜單menu表格標(biāo)題captionfigure標(biāo)題figcaption塊引用blockquotedetails元素可見標(biāo)題summary菜單項目menuitem組合表內(nèi)容thead圖像映射map文檔聯(lián)系信息address對話窗口dialog命令按鈕command組合主題內(nèi)容tbody圖像區(qū)域area居中文本center標(biāo)題h1~h6表單form組合表注內(nèi)容tfoot圖形容器canvas水平垂直方向插入空間spacer本課件是可編輯的正常PPT課件3.13塊級元素任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面塊級元素的特點如下：（1）總是在新行上開始；（2）高度、行高及外邊距和內(nèi)邊距都可控制；（3）寬度默認(rèn)是其容器的全部（除非設(shè)定一個寬度）；（4）可以容納行內(nèi)元素和其他塊元素。HTML5新增的塊級元素包括：header、section、footer、aside、nav、article、figure。本課件是可編輯的正常PPT課件3.14行內(nèi)元素任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面行內(nèi)元素（inline，又稱內(nèi)聯(lián)元素）可以出現(xiàn)在某一行句子中，并且不用新起一行，常見的行內(nèi)元素如表所示。內(nèi)聯(lián)容器span大字體big禁止換行nobr錨點a注音rt縮寫abbr小字體small單詞換行時機(jī)wbr圖片img進(jìn)度條progress強調(diào)em上標(biāo)sup打字機(jī)文本tt內(nèi)嵌embed度量meter粗體強調(diào)strong下標(biāo)sub鍵盤文本kbdinput標(biāo)記label定義變量var突出顯示的文本mark刪除文本del時間日期time輸入框input計算機(jī)代碼文本code加粗b刪除線strike引用cite按鈕button計算機(jī)代碼樣本samp斜體i刪除線s短引用q生成密鑰keygen字段dfn文本方向bdi插入更改的文本ins字體設(shè)置font多行文本輸入框textarea輸出結(jié)果output文字方向bdo下劃線u

本課件是可編輯的正常PPT課件3.14行內(nèi)元素任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面行內(nèi)元素的特點如下：（1）和其他元素都在一行上；（2）高、行高及外邊距和內(nèi)邊距不可改變；（3）寬度就是其文字或圖片的寬度，不可改變；（4）只能容納文本或者其他行內(nèi)元素。本課件是可編輯的正常PPT課件3.15<span>標(biāo)記任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面一般使用<span>標(biāo)記來組合文檔中的行內(nèi)元素，如果不對<span>應(yīng)用樣式，那么span元素中的文本與其他文本不會有任何視覺上的差異。盡管如此，span元素仍然可為p元素增加額外的結(jié)構(gòu)。其語法格式如下：<p><span>文本1</span>文本2</p>本課件是可編輯的正常PPT課件具體任務(wù)任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面（1）創(chuàng)建一個HTML5頁面，添加關(guān)于計算機(jī)應(yīng)用專業(yè)的信息文本；（2）利用塊級元素和行內(nèi)元素對這些文本信息進(jìn)行修飾。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面（1）在HBuilderX中創(chuàng)建一個空白的HTML5頁面，保存為test.html，文檔中包含<head>、<body>等基本的HTML結(jié)構(gòu)，添加專業(yè)信息文本，代碼如下：本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面<!doctypehtml><html><head><metacharset="utf-8"/><title>招聘信息</title></head><body><h1>計算機(jī)應(yīng)用技術(shù)</h1> <pre>專業(yè)名稱：計算機(jī)應(yīng)用技術(shù)專業(yè)代碼：610201招生對象：高中畢業(yè)或3+證書（文理科） </pre><pre>專業(yè)培養(yǎng)目標(biāo)本專業(yè)以服務(wù)廣東和珠三角地區(qū)經(jīng)濟(jì)社會發(fā)展為宗旨，面向各類企事業(yè)單位，培養(yǎng)德、智、體、美全面發(fā)展，具有良好的綜合素質(zhì)，系統(tǒng)地掌握計算機(jī)專業(yè)領(lǐng)域必備的基本理論知識和基本技能，能夠完成職業(yè)典型工作任務(wù)，具備團(tuán)隊合作能力、溝通能力和社會責(zé)任感，能夠直接進(jìn)入相應(yīng)工作崗位，熟練運用一到兩種程序設(shè)計語言，掌握網(wǎng)絡(luò)技術(shù)和計算機(jī)系統(tǒng)維護(hù)技術(shù)；能從事程序設(shè)計、數(shù)據(jù)庫應(yīng)用、計算機(jī)系統(tǒng)維護(hù)、網(wǎng)頁制作與網(wǎng)站設(shè)計、技術(shù)支持與IT產(chǎn)品銷售等工作，具有創(chuàng)新精神、實踐精神和良好職業(yè)道德的的高等應(yīng)用型技術(shù)人才。</pre><pre>專業(yè)核心能力1．具備編程開發(fā)能力，掌握PHP+MySQL或Jsp網(wǎng)絡(luò)編程技術(shù)。2．具有使用Photoshop、Flash進(jìn)行網(wǎng)頁美工UI設(shè)計開發(fā)能力。3．具有使用HTML、Javascript、AJAX、jQuery等技術(shù)進(jìn)行特效網(wǎng)頁設(shè)計能力。4．具備移動互聯(lián)網(wǎng)HTML5、CSS3響應(yīng)式移動互聯(lián)網(wǎng)開發(fā)能力。5．具備精通使用PHP+MySQL或Jsp編程技術(shù)進(jìn)行編碼能力。6．具有基于B/S架構(gòu)的系統(tǒng)開發(fā)能力。7．具有Windows和Linux操作系統(tǒng)下軟件布署和優(yōu)化能力。</pre><small>學(xué)校地址</small><small>廣東省東莞市厚街鎮(zhèn)教育園區(qū)學(xué)府路</small></body></html>本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面（2）利用塊級元素和行內(nèi)元素對文本信息進(jìn)行修飾，使其更有助于用戶獲取信息，具體實現(xiàn)如下：其中，<b>為文本加粗突出，<address>表示地址，<br/>表示換行，<h1>表示一級標(biāo)題。<body><h1>計算機(jī)應(yīng)用技術(shù)</h1> <pre>專業(yè)名稱：計算機(jī)應(yīng)用技術(shù)專業(yè)代碼：610201招生對象：高中畢業(yè)或3+證書（文理科） </pre><pre><b>專業(yè)培養(yǎng)目標(biāo)</b><br/>本專業(yè)以服務(wù)<b>廣東</b>和<b>珠三角地區(qū)</b>經(jīng)濟(jì)社會發(fā)展為宗旨，面向各類企事業(yè)單位，培養(yǎng)德、智、體、美全面發(fā)展，具有良好的綜合素質(zhì)，系統(tǒng)地掌握計算機(jī)專業(yè)領(lǐng)域必備的基本理論知識和基本技能，能夠完成職業(yè)典型工作任務(wù)，具備團(tuán)隊合作能力、溝通能力和社會責(zé)任感，能夠直接進(jìn)入相應(yīng)工作崗位，熟練運用一到兩種程序設(shè)計語言，掌握網(wǎng)絡(luò)技術(shù)和計算機(jī)系統(tǒng)維護(hù)技術(shù)；能從事程序設(shè)計、數(shù)據(jù)庫應(yīng)用、計算機(jī)系統(tǒng)維護(hù)、網(wǎng)頁制作與網(wǎng)站設(shè)計、技術(shù)支持與IT產(chǎn)品銷售等工作，具有創(chuàng)新精神、實踐精神和良好職業(yè)道德的的高等應(yīng)用型技術(shù)人才。<br/></pre><pre><b>專業(yè)核心能力</b><br/>1．具備編程開發(fā)能力，掌握PHP+MySQL或Jsp網(wǎng)絡(luò)編程技術(shù)。<br/>2．具有使用Photoshop、Flash進(jìn)行網(wǎng)頁美工UI設(shè)計開發(fā)能力。<br/>3．具有使用HTML、Javascript、AJAX、jQuery等技術(shù)進(jìn)行特效網(wǎng)頁設(shè)計能力。<br/>4．具備移動互聯(lián)網(wǎng)HTML5、CSS3響應(yīng)式移動互聯(lián)網(wǎng)開發(fā)能力。<br/>5．具備精通使用PHP+MySQL或Jsp編程技術(shù)進(jìn)行編碼能力。<br/>6．具有基于B/S架構(gòu)的系統(tǒng)開發(fā)能力。<br/>7．具有Windows和Linux操作系統(tǒng)下軟件布署和優(yōu)化能力。<br/></pre><small>學(xué)校地址</small><small><address>廣東省東莞市厚街鎮(zhèn)教育園區(qū)學(xué)府路</address></small></body>本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)3使用塊級元素和行內(nèi)元素制作專業(yè)信息頁面（3）運行代碼，最終得到如圖所示的效果。本課件是可編輯的正常PPT課件3.16字符實體任務(wù)4特殊符號的使用如果要正確地插入一些特殊符號，或者在插入多個空格時能夠正確顯示，那么就一定要插入字符實體（characterentities）。字符實體的語法格式一般如下:&實體名或者&#實體號常用的字符實體如表所示。本課件是可編輯的正常PPT課件3.16字符實體任務(wù)4特殊符號的使用顯示結(jié)果描述實體名稱實體編號

空格

<小于號<<>大于號>>&和號&&"引號""'撇號'(IE不支持)'￠分（cent）￠￠￡鎊（pound）￡￡￥元（yen）￥￥€歐元（euro）€€§小節(jié)§§?版權(quán)（copyright）???注冊商標(biāo)???商標(biāo)??×乘號××÷除號÷÷本課件是可編輯的正常PPT課件具體任務(wù)任務(wù)4特殊符號的使用（1）創(chuàng)建一個HTML5頁面，添加反比例函數(shù)單調(diào)區(qū)間文本；（2）對特殊符號進(jìn)行修飾。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)4特殊符號的使用（1）在HBuilderX中創(chuàng)建一個空白HTML5頁面，保存為test.html，文檔中包含<head>、<body>等基本的HTML結(jié)構(gòu)，添加文本信息，并對其中特殊符號的書寫進(jìn)行修改：<html><head><metacharset="utf-8"><!--TemplateBeginEditablename="doctitle"--><title>特殊符號添加</title><!--TemplateEndEditable--><!--TemplateBeginEditablename="head"--><!--TemplateEndEditable--></head><body><p><strong>反比例函數(shù)單調(diào)性</strong><br/>當(dāng)k>0時，圖象分別位于第一、三象限，每一個象限內(nèi)，從左往右，y隨x的增大而減??；<br/>當(dāng)k<0時，圖象分別位于第二、四象限，每一個象限內(nèi)，從左往右，y隨x的增大而增大。<br/>k>0時，函數(shù)在x<0上同為減函數(shù)、在x>0上同為減函數(shù)；k<0時，函數(shù)在x<0上為增函數(shù)、在x>0上同為增函數(shù)。</p></body></html>本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)4特殊符號的使用（2）運行代碼，最終得到如圖所示的效果。本課件是可編輯的正常PPT課件3.17旁注任務(wù)5添加注釋HTML5新增了<ruby>、<rt>和<rp>標(biāo)記，<ruby>用來標(biāo)記需要被旁注的文本，如拼音或解釋。<rt>標(biāo)記定義文本的拼音或解釋，還包括可選的<rp>元素，定義當(dāng)瀏覽器不支持<ruby>元素時顯示的內(nèi)容。其語法格式如下：<ruby>文本<rt>文本的拼音或解釋</rt></ruby>或者<ruby>文本<rt><rp>(</rp>文本的拼音或解釋<rp>)</rp></rt></ruby>本課件是可編輯的正常PPT課件3.18注釋任務(wù)5添加注釋為了提升代碼的可讀性，方便他人理解代碼和對代碼進(jìn)行維護(hù)，通常對代碼添加注釋說明。添加注釋的語法格式如下：<!--注釋內(nèi)容-->本課件是可編輯的正常PPT課件具體任務(wù)任務(wù)5添加注釋（1）創(chuàng)建一個HTML5頁面，給漢字添加拼音旁注；（2）在網(wǎng)頁源代碼中添加注釋。本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)5添加注釋（1）在HBuilderX中創(chuàng)建一個空白的HTML5頁面，保存為test.html，文檔中包含<head>、<body>等基本的HTML結(jié)構(gòu)，添加漢字以及旁注。<!doctypehtml><html><head><metacharset="utf-8"><!--TemplateBeginEditablename="doctitle"--><title>旁注</title><!--TemplateEndEditable--><!--TemplateBeginEditablename="head"--><!--TemplateEndEditable--></head><body><ruby>燚<rt>yì</rt></ruby><br/><ruby>燚<rt><rp>(</rp>yì<rp>)</rp></rt></ruby></body></html>本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)任務(wù)5添加注釋（2）為代碼添加注釋。（3）運行代碼，最終得到如圖所示的效果。<!doctypehtml><html><head><metacharset="utf-8"><!--TemplateBeginEditablename="doctitle"--><title>旁注</title><!--TemplateEndEditable--><!--TemplateBeginEditablename="head"--><!--TemplateEndEditable--></head>

<body><!--漢字上方添加拼音旁注--><ruby>燚<rt>yì</rt></ruby><br/><!--漢字右側(cè)添加拼音旁注--><ruby>燚<rt><rp>(</rp>yì<rp>)</rp></rt></ruby></body></html>本課件是可編輯的正常PPT課件謝謝本課件是可編輯的正常PPT課件模塊四網(wǎng)頁中的圖像與多媒體技術(shù)目錄任務(wù)一制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面任務(wù)二任務(wù)三制作“在線學(xué)習(xí)網(wǎng)”的廣告作品展示頁面制作“在線學(xué)習(xí)網(wǎng)”的多媒體作品展示頁面本課件是可編輯的正常PPT課件引入知識點4.1認(rèn)識網(wǎng)頁中的圖像4.2使用<img>標(biāo)記插入圖像任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.1認(rèn)識網(wǎng)頁中的圖像在網(wǎng)絡(luò)帶寬的不斷提升以及人們的審美情趣越來越高的今天，圖像已經(jīng)成為網(wǎng)頁中必不可少的重要元素之一。網(wǎng)頁圖像運用的好壞，決定了網(wǎng)頁設(shè)計的成敗。任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.1認(rèn)識網(wǎng)頁中的圖像4.1.1網(wǎng)頁常用圖像格式了解網(wǎng)頁圖像的類型和格式是在網(wǎng)頁中合理使用圖像的基礎(chǔ)。圖像的文件格式有很多種，但由于受到網(wǎng)絡(luò)帶寬和瀏覽器的限制，通常在網(wǎng)頁中使用的有JPEG、GIF和PNG三種。其中JPEG和GIF圖像格式在網(wǎng)頁上使用最廣，能支持大多數(shù)瀏覽器。任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.1認(rèn)識網(wǎng)頁中的圖像4.1.2網(wǎng)頁圖像使用原則目前，雖然寬帶在國內(nèi)普及，但在制作網(wǎng)頁時也要在速度和美觀之間取得較好地結(jié)合點。一般普通的首頁應(yīng)該限制在100KB以內(nèi)，其他頁面最好控制在500KB以內(nèi)。因為，如果一個網(wǎng)頁很大，在瀏覽器里超過30秒還沒有打開，大部分瀏覽者都會選擇放棄。任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.2使用<img>標(biāo)記插入圖像在網(wǎng)頁中插入圖像可以起到美化頁面的作用。HTML提供了<img>標(biāo)記來插入圖像?；菊Z法格式如下：<imgsrc="圖像文件路徑">任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.2使用<img>標(biāo)記插入圖像4.2.1使用標(biāo)記屬性設(shè)置圖像大小使用<img>標(biāo)記插入圖像，默認(rèn)情況下將插入原始大小的圖像，如果想在插入時修改圖像的大小，可以使用height和width屬性來實現(xiàn)?；菊Z法格式如下：<imgsrc="圖像文件路徑"width="圖像的寬度"height="圖像的高度">任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.2使用<img>標(biāo)記插入圖像4.2.2使用標(biāo)記屬性設(shè)置圖像描述信息和替換信息設(shè)置圖像提示信息使用title屬性，設(shè)置圖像的替換信息使用alt屬性。基本語法格式如下：<imgsrc="圖像文件的路徑"title="圖像描述信息"alt="圖像替換信息">任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.2使用<img>標(biāo)記插入圖像4.2.3使用標(biāo)記屬性設(shè)置圖像的邊框默認(rèn)情況下，插入圖像是沒有邊框的，有時在我們設(shè)計網(wǎng)頁時為了獲得某種效果，需要讓圖像顯示邊框。設(shè)置圖像的邊框可以使用圖像的border屬性?；菊Z法如下：

<imgsrc="圖像文件的路徑"border="邊框?qū)挾?>語法說明："邊框?qū)挾?的單位為像素，最小值是1。任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.2使用<img>標(biāo)記插入圖像4.2.4使用標(biāo)記屬性設(shè)置圖像的對齊方式默認(rèn)情況下，插入圖像在水平方向放置在對象的左邊，在垂直方向則與baseline（基線）對齊。我們可以使用圖像的align屬性修改它的對齊方式。基本語法如下：<imgsrc="圖像文件的路徑"align="對齊方式">任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件4.2使用<img>標(biāo)記插入圖像4.2.5使用標(biāo)記屬性設(shè)置圖像與周圍對象的間距默認(rèn)情況下，圖像與周圍對象的水平間距和垂直間距都比較緊湊，顯得較為擁擠。這樣的間距，很多時候都不符合我們的設(shè)計需要。使用圖像的hspace屬性和vspace屬性可以分別設(shè)置圖像與周圍對象的間距。基本語法格式如下：<imgsrc=“圖像文件的路徑”vspace=“垂直間距數(shù)值”hspace=“水平間距數(shù)值">任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件任務(wù)實現(xiàn)（1）在“在線學(xué)習(xí)網(wǎng)”平面作品展示頁面中插入文字和5張平面作品的圖像。（2）設(shè)置文字和圖像的屬性，讓網(wǎng)頁頁面更加美觀。任務(wù)1制作“在線學(xué)習(xí)網(wǎng)”的平面作品展示頁面本課件是可編輯的正常PPT課件引入知識點任務(wù)2制作在“在線學(xué)習(xí)網(wǎng)”的廣告作品展示頁面4.3使用<object>標(biāo)記在網(wǎng)頁中插入Flash動畫4.4使用<embed>標(biāo)記在網(wǎng)頁中插入多媒體內(nèi)容本課件是可編輯的正常PPT課件4.3使用<object>標(biāo)記在網(wǎng)頁中插入Flash動畫<object>標(biāo)記用于包含音頻、視頻、Javaapplets、ActiveX、PDF以及Flash等對象。<object>標(biāo)記設(shè)計的初衷是取代<img>和<applet>標(biāo)記。不過由于漏洞以及缺乏瀏覽器支持，這一點并未實現(xiàn)。<object>標(biāo)記可用于WindowsIE3.0及以后瀏覽器或者其他支持ActiveX控件的瀏覽器。針對不同的瀏覽器，<object>標(biāo)記的語法也有所不同，下面分別對它們進(jìn)行介紹。任務(wù)2制作在“在線學(xué)習(xí)網(wǎng)”的廣告作品展示頁面本課件是可編輯的正常PPT課件1．針對IE9/IE8/IE7/IE6等低版本，基本語法格式如下：<objectclassid="clsid_value"codebase="url"width="value"><paramname="movie"value="media/star.swf"/><paramname="quality"value="high"/><paramname="wmode"value="transparent"/>…</object>任務(wù)2制作在“在線學(xué)習(xí)網(wǎng)”的廣告作品展示頁面4.3使用<object>標(biāo)記在網(wǎng)頁中插入Flash動畫本課件是可編輯的正常PPT課件2．針對IE10/IE11和非IE瀏覽器，基本語法格式如下：<objectclassid="clsid_value"codebase="url"width="value"><paramname="movie"value="media/star.swf"/><paramname="quality"value="high"/><paramname="wmode"value="transparent"/>…<!--[if!IE]>--><objecttype="application/x-shockwave-flash"data="media/star.swf"width="value"height="value"><!--<![endif]--><paramname="quality"value="high"/><paramname="wmode"value="transparent"/>…<!--[if!IE]>--></object><!--<![endif]--></object>任務(wù)2制作在“在線學(xué)習(xí)網(wǎng)”的廣告作品展示頁面4.3使用<object>標(biāo)記在網(wǎng)頁中插入Flash動畫本課件是可編輯的正常PPT