資源描述:
《網(wǎng)頁制作與html語言圖文教程》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、網(wǎng)頁制作與HTML語言基本概念萬維網(wǎng)站點(diǎn)與網(wǎng)站HTML動(dòng)態(tài)HTMLCSSASP(PHP,JSP)Javascript(VBscript)CGI網(wǎng)頁制作基本步驟站點(diǎn)創(chuàng)建主頁創(chuàng)建創(chuàng)建網(wǎng)頁基本元素利用表單增加交互網(wǎng)頁中使用表格網(wǎng)頁制作原則盡心籌劃盡量精簡盡量簡樸善用圖片使主頁易于漫游重點(diǎn)突出循環(huán)利用現(xiàn)有信息保持新鮮感吸引用戶瀏覽http://www.w3school.com.cnhttp://www.w3school.com.cn/html/index.asp在線編輯測試結(jié)果HTML概述與基本結(jié)構(gòu)一、HTML的概述HTML(HypertextMarkedLang
2、uage),即超文本標(biāo)記語言,是一種用來制作超文本文檔的簡單標(biāo)記語言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行HTML文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作.HTTP協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn).用HTML編寫的超文本文檔稱為HTML文檔,它能獨(dú)立于各種操作系統(tǒng)平臺,自1990年以來HTML就一直被用作萬維網(wǎng)的信息表示語言,使用HTML語言描述的文件,需要通過WEB瀏覽器顯示出效果。所謂超文本,是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容,事實(shí)上每一個(gè)HTML文檔都是一種靜態(tài)的網(wǎng)頁文件,這個(gè)文件里面包含了HTML指令代碼,這些指令代碼并不是一種程序
3、語言,它只是一種排版網(wǎng)頁中資料顯示位置的標(biāo)記結(jié)構(gòu)語言,易學(xué)易懂,非常簡單。通過HTML可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格、實(shí)現(xiàn)頁面之間的跳轉(zhuǎn)、展現(xiàn)多媒體的效果。HTML只是一個(gè)純文本文件。創(chuàng)建一個(gè)HTML文檔,只需要兩個(gè)工具,一個(gè)是HTML編輯器,一個(gè)WEB瀏覽器。HTML編輯器是用于生成和保存HTML文檔的應(yīng)用程序。一、HTML的概述一個(gè)HTML文檔是由一系列的元素和標(biāo)簽組成.元素名不區(qū)分大小寫.HTML用標(biāo)簽來規(guī)定元素的屬性和它在文件中的位置。HTML超文本文檔分文檔頭和文檔體兩部分,在文檔頭里,對這個(gè)文檔進(jìn)行了一些必要的定義,文檔體中才是要顯示的各種文檔信
4、息。二、HTML的基本結(jié)構(gòu)下面是一個(gè)最基本的html文檔的代碼:1-1.html----------------------------------------〉開始標(biāo)簽
--------------------------------------
一個(gè)簡單的HTML示例5、頭部標(biāo)簽--------------------------------------
---------------------------------------
6、
歡迎光臨我的主頁
7、>
8、
9、
10、文件主體
11、這是我第一次做主頁
12、
13、
14、------------------------------------------------------------------------------結(jié)尾標(biāo)簽簡單實(shí)例三、HTML的標(biāo)簽與屬性用“<”和“>”括起來的句子,我們稱它為標(biāo)簽,是用來分割和標(biāo)簽文本的元素,以形成文本的布局、文字的格式及五彩繽紛的畫面。標(biāo)簽通過指定某塊信息為段落或標(biāo)題等來標(biāo)識文檔某個(gè)部件。屬性是標(biāo)志里的參數(shù)的選項(xiàng)。HTM
15、L的標(biāo)簽分單標(biāo)簽和成對標(biāo)簽兩種。成對標(biāo)簽是由首標(biāo)簽<標(biāo)簽名>和尾標(biāo)簽標(biāo)簽名>組成的,成對標(biāo)簽的作用域只作用于這對標(biāo)簽中的文檔。單獨(dú)標(biāo)簽的格式<標(biāo)簽名>,單獨(dú)標(biāo)簽在相應(yīng)的位置插入元素就可以了,大多數(shù)標(biāo)簽都有自己的一些屬性,屬性要寫在始標(biāo)簽內(nèi),屬性用于進(jìn)一步改變顯示的效果,各屬性之間無先后次序,屬性是可選的,屬性也可以省略而采用默認(rèn)值;其格式如下:<標(biāo)簽名字屬性1屬性2屬性3…>內(nèi)容標(biāo)簽名字>作為一般的原則,大多數(shù)屬性值不用加雙引號。但是包括空格、%號,#號等特殊字符的屬性值必須加入雙引號。為了好的習(xí)慣,提倡全部對屬性值加雙引號。如:16、r="#ff00ff"face="宋體"size="30">字體設(shè)置注意事項(xiàng):輸入始標(biāo)簽時(shí),一定不要在“<”與標(biāo)簽名之間輸入多余的空格,也不能在中文輸入法狀態(tài)下輸入這些標(biāo)簽及屬性,否則瀏覽器將不能正確的識別括號中的標(biāo)志命令,從而無法正確的顯示你的信息。注意:HTML主體標(biāo)簽及屬性顏色的設(shè)定一、html的主體標(biāo)簽
格式:17、argin=3topmargin=2bgproperties="f