html語法基礎(chǔ).ppt

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