html語法基礎.ppt_第1頁
html語法基礎.ppt_第2頁
html語法基礎.ppt_第3頁
html語法基礎.ppt_第4頁
html語法基礎.ppt_第5頁
免費預覽已結束,剩余28頁可下載查看

下載本文檔

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

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論