html語法基礎(chǔ).ppt

第一章，HTML基本標(biāo)簽，2、就業(yè)技能結(jié)構(gòu)圖，3、課程目標(biāo)和課程項(xiàng)目展示。學(xué)習(xí)本課程后，您可以：課程項(xiàng)目展示，演示示例1:課程項(xiàng)目展示，可以制作一個界面美觀大方的靜態(tài)商務(wù)網(wǎng)站和企業(yè)應(yīng)用，沒有動態(tài)腳本功能。請?jiān)敿?xì)說明HTML文檔的基本結(jié)構(gòu)。圖像和文本的對齊方式是什么？該標(biāo)簽的哪個屬性通常用于創(chuàng)建超鏈接？5、本章任務(wù)，制作圖文并茂的“廣告”頁面，檢查源代碼，6、本章目標(biāo)，將使用HTML的基本結(jié)構(gòu)來創(chuàng)建網(wǎng)頁，將使用文本相關(guān)標(biāo)簽來實(shí)現(xiàn)文本裝飾和布局，將使用圖像相關(guān)標(biāo)簽來實(shí)現(xiàn)圖文并茂的頁面，將使用超鏈接相關(guān)標(biāo)簽來實(shí)現(xiàn)頁面跳轉(zhuǎn)，7、HTML文件基本結(jié)構(gòu)，HTML文檔結(jié)構(gòu)，我的第一個網(wǎng)頁HelloWorld！網(wǎng)頁，頭部，身體部分，標(biāo)簽標(biāo)記了超文本標(biāo)記語言文檔的開始和結(jié)束，網(wǎng)頁標(biāo)題、網(wǎng)頁內(nèi)容，可以是文本、圖像等。這部分包含文本、圖像和鏈接。它包含在選項(xiàng)卡中以查看源代碼，其中包括標(biāo)題和其他解釋性信息。包括在.選項(xiàng)卡，8，使用記事本創(chuàng)建網(wǎng)頁，演示示例2:如何在記事本中創(chuàng)建網(wǎng)頁，使用記事本創(chuàng)建網(wǎng)頁的步驟：1，打開記事本2，輸入HTML代碼3，另存為*。html或*。htm文件，注意格式問題4，打開網(wǎng)頁預(yù)覽效果，使用記事本創(chuàng)建網(wǎng)頁，9，標(biāo)簽，網(wǎng)頁標(biāo)題，網(wǎng)頁中的亂碼，如何消除亂碼并使其正常顯示？使用標(biāo)簽，簡體中文：gb2312繁體中文：big5純英文網(wǎng)頁：iso-8859-1，可避免頁面中的隨機(jī)代碼，10，頁面背景色或背景圖片，HelloWorld！為了使頁面美觀大方，頁面的背景應(yīng)該盡可能的淺，地獄世界！檢查源代碼，網(wǎng)頁背景顏色，網(wǎng)頁背景圖像，11，文本相關(guān)標(biāo)簽，字體和字號標(biāo)題標(biāo)簽-標(biāo)簽粗體下劃線斜體特殊符號行控制段落標(biāo)簽換行標(biāo)簽，已使用.更改段落，設(shè)置字體大小和顏色，換行，特殊符號，12，字體，字體大小相關(guān)標(biāo)簽，標(biāo)題標(biāo)簽.#=1，2，3，4，5，6指令：對字體大小按順序遞減，1級標(biāo)題，2級標(biāo)題，3級標(biāo)題，4級標(biāo)題，5級標(biāo)題，6級標(biāo)題.h1到H6標(biāo)簽用于指定不同級別的標(biāo)題、視圖源代碼、13，字體、字體大小相關(guān)標(biāo)簽、標(biāo)簽特殊符號、字體大小值、字體顏色、字體類型、14、字體、字體大小相關(guān)標(biāo)簽、查看源代碼，手機(jī)充值，IP卡/電話卡移動版權(quán)所有.空間效果，15，淘寶交易會歡迎你！淘寶第一次催友會！以下是本報告主要內(nèi)容的概述：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容如下：1 .本報告的主要內(nèi)容是為圖像添加的提示性文本、18、圖像標(biāo)簽、圖像和文本的對齊、圖像和文本的居中對齊、頂部和底部值。請點(diǎn)擊廣告進(jìn)入明星區(qū).查看源代碼，圖像和文本的居中對齊，19，摘要1，字體大小3，練習(xí)答案，練習(xí)代碼，編寫對應(yīng)于下圖所示效果的html代碼，20，文本布局，內(nèi)容分隔標(biāo)簽項(xiàng)目列表和編號排序列表預(yù)格式化文本標(biāo)簽，水平分隔線，排序列表，排序列表，排序列表，使用的預(yù)定義格式，21，如何使用內(nèi)容分隔標(biāo)簽，線條粗細(xì)值，線條寬度，查看源代碼， 用于在頁面上繪制水平線的標(biāo)簽，線條的顏色，22，如何使用列表，無序列表語法列表項(xiàng)的內(nèi)容.有序列表語法列表項(xiàng)的內(nèi)容.檢查源代碼，注冊步驟：-1/a/I填寫信息，接收電子郵件，并在道路指南上注冊成功的新用戶-光盤(實(shí)心圓)/正方形(盒)/圓形(空心圓)如何激活成員名稱？如何注冊淘寶會員？注冊時對密碼設(shè)置有什么要求？支付寶認(rèn)證、23、預(yù)格式化文本標(biāo)簽，如何在下圖所示頁面實(shí)現(xiàn)文本效果？使用標(biāo)簽可以實(shí)現(xiàn)，24，如何使用預(yù)先格式化的文字標(biāo)簽，騰訊-QQ貨幣/QQ幻想-30元卡價格：26.45元運(yùn)費(fèi)：賣家承擔(dān)剩余運(yùn)費(fèi)時間：5天寶貝類型：新賣家聲明：貨到付款，可使用10天！查看源代碼，其代碼格式與瀏覽器中顯示的相同，25，頁面鏈接標(biāo)簽，鏈接到其他頁面免費(fèi)注冊，鏈接內(nèi)容，鏈接地址，鏈接到其他頁面免費(fèi)注冊登錄，點(diǎn)擊頁面鏈接到免費(fèi)注冊后，查看源代碼，26，頁面鏈接標(biāo)簽，其他頁面的絕對路徑指定從根目錄到文件的完整路徑。相對路徑指定相對于當(dāng)前文件的文件位置。，同一文件夾下有兩個html文件。從一個文件到另一個文件有多少種超鏈接方式？兩種方式：相對路徑和絕對路徑，27，頁面鏈接標(biāo)簽，鏈接到同一目錄下的頁面(C:HTML)，可以寫或，相對路徑名，絕對路徑名，28，頁面鏈接標(biāo)簽，實(shí)現(xiàn)如下圖所示的超鏈接效果，怎么辦？演示示例3:演示錨點(diǎn)鏈接示例，使用錨點(diǎn)標(biāo)記，29，頁面鏈接標(biāo)記，錨點(diǎn)標(biāo)記鏈接到此頁面是用來使用戶“跳轉(zhuǎn)”到文檔的一部分，HTML NAME屬性是用來創(chuàng)建錨點(diǎn)標(biāo)記的主題名稱，以實(shí)現(xiàn)這種跳轉(zhuǎn)效果，請使用標(biāo)簽主題名稱中的HREF參數(shù)，演示示例4:演示錨點(diǎn)鏈接示例，鏈接到其他頁面新人們在路上.道路指南上的新人.1。定義錨標(biāo)記，2。鏈接到錨標(biāo)記的位置，30。滾動標(biāo)簽，滾動文本或圖像，滾動延遲時間，并滾動對象的方向。描述：滾動：表示滾動延遲時間，默認(rèn)值為90。方向：指示滾動的方向，默認(rèn)為從右向左。31歲，查看源代碼，滾動標(biāo)簽，水平滾動和垂直滾動雅芳化妝品雅詩蘭黛.水平向左移動，垂直向上移動，圖片和文本同時垂直向上移動，宣布滾動文本結(jié)束，宣布滾動文本開始“水平滾動”，默認(rèn)情況下將從右向左滾動，32，summary 2，ordered list OL，unordered list UL，practice answers，practice codes，編寫對應(yīng)于下圖所示效果的ht