1.本地運行:html文件用瀏覽器打開2.遠程訪問運行:本地瀏覽器訪問遠程服務器(tomcal)網頁的文件名最好不要有中文,因為將來網頁文件都是保存到服務器上的建議都使用英文保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 文件后綴。二、HTML文檔基本結構1、文檔的骨架:所有的網頁文件,通常由下面四對標記來構成文檔的骨架 復制代碼代碼如下: html head title 網頁標題 /title /head /p p body 這里放置的是要在網頁中顯示的內容 /body /html
html .... /html :標識網頁的開始與結束,所有的html元素都要放在這對標記中 head .... /head :標識網頁文件的頭部信息,如標題,搜索引擎關鍵字等.里面的內容最先加載 title .... /title :標識網頁文件的標題 body .... /body :標識網頁文件的主體部分,即頁面可見的內容2、meta標簽meta標記用于定義文件信息,對網頁進行說明,便于搜索引擎查找,要放置在 head head/ 之間設置關鍵字:(比較短,用于搜索引擎) meta name= keywords content= value / value表示要設置的關鍵字,多個關鍵字之間用,分隔開 設置描述:(用于對關鍵字進行擴展,或對網頁的內容進行概述性的描述) meta name= description content= value / value表示要設置的描述,多個描述之間用,分隔開 設置作者: mate name= author content= 作者名 / 作者名一般都是公司名稱 設置網頁的編碼: meta http-equiv= Content-Type content= text/html; charset=utf-8 / 設置頁面定時跳轉: meta http-equiv= refresh content= url=http://www.baidu.com / (content= url=http://www.baidu.com 2表示該網頁過多少秒跳轉到url指定的目的地)描述網頁的版本: meta name= revised content= html4.01 可設置其他網頁信息: meta name= others content= 這個我第一個網站,網站的主要內容有動漫,音樂,文章,博客等等,歡迎大家光臨! 描述網頁是通過那種軟件產生: meta name= generator content= 記事本 復制代碼代碼如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " a http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd /a " html xmlns=" a http://www.w3.org/1999/xhtml /a " head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta name="keywords" content="網頁設計,學網頁" / meta name="description" content="如何學習網頁設計,學習網頁設計的方法,HTML中文手冊" / meta name="author" content="phpstudy" / meta http-equiv="refresh" content="2;url=http://www.baidu.com" / meta name="revised" content="html4.01" title HTML文檔基本結構_meta標簽 /title /head body meta標記用于定義文件信息,對網頁進行說明,便于搜索引擎查找, /body /html 3、head區
復制代碼代碼如下: head title 網頁標題 /title 文件標題聲明 mate 一些文檔的信息,如對該文檔關鍵詞,描述,字符集設置等等。 base 超鏈接網址基準參考點 javascript和VBScript程序 stylesheet 可用來設置排版來的聲明 link 可引用外部文件,如CSS排版樣本 /head 三、HTML標記的語法html最基本的語法就是 標記符 內容 /標記符 ,標記符通常都是成對使用的一個開頭標記和一個結束標記,還有一種單標記沒有結束標記,如 hr/ HTML標記類型:單標記和雙標記 雙標記: 有屬性: 標記名稱 屬性= 屬性值 ... /標記名稱 如: font size= 3 ..... /font 無屬性: 標記名稱 ... /標記名稱 如: title ..... /title 單標記: 有屬性: 標記名稱 屬性= 屬性值 如: hr width= 200 / (默認是居中的) 無屬性: 標記名稱 如: br / 復制代碼代碼如下: !-- 有屬性: 標記名稱 屬性="屬性值" ... /標記名稱 如: font size="3" ..... /font -- font size="4" color="#33FF00" 2、體育老師說:誰敢穿裙子上我的課,就罰她倒立! /font /p p !--無屬性: 標記名稱 ... /標記名稱 如: title ..... /title -- /p p !-- 有屬性: 標記名稱 屬性="屬性值" 如: hr width="200"/ (默認是居中的)-- hr width="200"/ /p p !--無屬性: 標記名稱 如: 表示換行但不換段-- /p p 3、住在我心里,你交房租了嗎? 4、你讓我下不了臺,我讓你連上臺的機會都沒有 html教程