HTML-html基礎知識 205

)HTML

html中文名稱是超文本標記語言,擴展名為.html或者.htm,也被稱為網頁;里面包括一系列標簽,通過這些特定標簽將文字,視頻,動畫等內容通過web瀏覽器的引擎顯現效果,沒有經過瀏覽器引擎渲染的html文件就是一堆字符串而已

2)瀏覽器及其引擎

2.1 網頁瀏覽器引擎俗稱瀏覽器內核,排版引擎(layout engine)或渲染引擎(rendering engine),是一套處理標記語言(例如html、xml、圖片文件等)和格式化信息(例如css、xsl、xml等)將內容通過瀏覽器引擎解析顯現在瀏覽器中

2.2 現今主要引擎三分天下:1)Triden : Internet Explore(IE瀏覽器) 2)Gecko : Firefox(火狐瀏覽器) 3)Webkit: Safari(蘋果瀏覽器)與Google Chrome(谷歌瀏覽器);說這個主要是因為瀏覽器的兼容性,同一個網頁在不同瀏覽器上顯現的效果不一樣,這也是令編寫HTML遇到的最頭痛的事,尤其解析CSS最甚,Javascript次之

3)靜態與動態網頁

3.1靜態網頁:后綴名為html或htm等都是靜態頁面,通過瀏覽器想要這個頁面時服務器就把這個頁面直接發給瀏覽器

3.2動態網頁:后綴名為asp、aspx、jsp、php等都是動態頁面,網頁中不僅有HTML還有腳本代碼,可以使瀏覽器和服務器進行交互;瀏覽器想要看這個頁面,需要服務器動態生成HTML頁面再發給瀏覽器,,服務器端可以用ASP.Net,VB.Net,PHP,Java,C等語言編寫生成

4)常用HTML編輯器

1)Visual Studio 2)Notepad++ 3)EditPlus(中文版) 4)Sublime Text(漢化版) 2 5)VSCode 6)HBuilder 7)Dreamweaver還有很多其他的編輯器自己去查找,初學者建議使用記事本...

5)HTML主要組成部分

5.1 Doctype 聲明:用來說明用的XHTML或者HTML是什么版本;DTD文檔類型定義,里面包含了文檔的規則,瀏覽器就是根據定義的DTD來解釋頁面的標識

5.2所有內容都在<html></html>標簽之內;<head></head>標簽內放的是頭部信息,是對這個頁面的描述,不會顯示在頁面中,<title>標簽中設置頁面的標題,<title>標簽只能放在<head>標簽中；<body>標簽是頁面的主體,大部分顯示內容都定義在這里

5.3 head 頭部:主要包含編碼聲明<meta>…</meta>,標題<title>…</title>,樣式表嵌入<link>…</link>相對路徑定義<base>…</base>,腳本<script>…</script>等

5.4雖然瀏覽器容錯性強,但是所有頁面都應該至少包含如下標簽

<html>
   <head>
      <title>第一個網頁</title>
   </head>
   <body>
       天津人的積極和樂觀
    彰顯著中國抗疫的自信和底氣

      齊心協力 眾志成城點贊！
      致敬所有的抗疫英雄?
   </body>
</html>

如果title標簽的結束標簽忘記 / ,則整個頁面內容都不顯示;將其保存為html文件

注意:文件保存的編碼格式,最好是utf-8格式否則頁面中的中文有可能出現亂碼

查看網頁源代碼

ttp://www.gotapi.com/

語言：英語

簡介：HTML,CSS,XPATH,XSL,JAVASCRIPT等API的查詢網站。

http://www.w3schools.com/

語言：英語

簡介：W3C制定的標準諸如XML,HTML,XSL等等的在線學習教程。

http://www.xml.org.cn/

語言：中文

簡介：可以說是XML的中國官方網吧。W3C標準的翻譯組織與XML系列技術交流社區.

http://www.connectionstrings.com/

語言：英語

簡介：這里幾乎收集了所有的數據庫連接字符(connectionstring)了。

http://www.itpub.net/

語言：中文

簡介：我個人認為是國內最專業的綜合性行業性技術類社區.

http://www.netvtm.com/

語言：中文

簡介：內容多翻譯于w3schools.com，少有原創。不過還是應該鼓勵精品翻譯。

http://www.regexlib.com

語言：英語

簡介：正則表達式庫。搜索正則表達式用。

http://www.rexv.org/

語言：英語

簡介：用Ajax開發的在線正則表達式驗證器.

http://www.koders.com/

語言：英語

簡介：代碼搜索引擎，可以搜索幾十種語言的代碼。

http://www.123aspx.com/Rotor/

語言：英語

簡介：.Net Frameworks的源代碼。

語言：中文

簡介：孟憲會的資料站，雖資料大多比較簡單，卻解決了開發中的大部分問題？！

http://www.dofactory.com/Patterns/Patterns.aspx

語言：英語

簡介：23種設計模式的實現參考。特點是UML+精練的示例代碼+簡潔的解說風格。

http://www.open-open.com/

語言：中文

簡介：Java開源大全,如果你用.NET，照著它的名字前加N找找應該都有吧？！：）

http://www.riacn.com/

語言：中文

簡介：我認為是國內少有的RIA專業技術站于交流社區.

http://www.cnpaf.net/

語言：中文

簡介：中國協議分析網，很全面的協議資料網。

http://www.pinvoke.net/

語言：英語

簡介：通過.net調用win32等非受控API的資料大全。

http://bbs.51js.com/

語言：中文

簡介：無憂腳本,專業的腳本技術社區。

http://www.c-sharpcorner.com/

語言：英語

簡介：C# Corner,學習c#的好地方.

http://blog.csdn.net/group/experts/

語言：中文

簡介：CSDN專家群,匯集CSDN專家的電子報.

http://www.codeproject.com/

語言：英語

簡介：有很多可學習的示例代碼，特點是豐富，深入淺出．

http://www.gotdotnet.com/

語言：英語

簡介：微軟開發維護的關于.net framework交流社區.

http://www.sourceforge.net/

語言：英語

簡介：全球最大的開源軟體站點

http://www.asp.net/QuickStart/

語言：英語

簡介：Microsoft .NET Framework SDK QuickStart Tutorials

http://www.matrix.org.cn/

語言：中文

簡介：與 Java 共舞,Java優秀的專業社區,文章質量很高.做.Net的朋友也可以從其借鑒很多知識.

JAVA學習模板——學習流程

http://www.7zcn.com/javastep/StudyJavaInfo.html

SUN中國技術社區

http://developers.sun.com.cn/

綜合網站 -

數動在線http://www.shudoo.com/（電腦報） -http://www.csdn.net/ -

比特網IT知識庫http://know.chinabyte.com/index.php/%E9%A6%96%E9%A1%B5 -

至頂網http://www.zdnet.com.cn/ -

計世網http://www.ccw.com.cn/ -

中國IT實驗室http://www.chinaitlab.com/ -

天極網http://www.yesky.com/ -

賽迪網http://www.ccidnet.com/ -

全球流量查詢http://www.alexa.com/ -

Java網站 -

Java軟件社區http://www.javaeye.com/ -

java世紀網http://www.java2000.net/ -

JAVABUGShttp://bugs.sun.com/JAVA漏洞 -

http://www.mldnjava.cn/java.htm -

HEY JAVA技術社區http://www.heyjava.com/ -

ACCP教程網http://www.accptech.com/index.html

論壇網站 -

美河論壇http://www.eimhe.com/bbs/ -

魔http://bbs.mldn.cn/ -

http://bbs.chinajavaworld.com/index.jspa

技術網站 -

apache的ANThttp://ant.apache.org/bindownload.cgi -

IBM http://www.ibm.com/developerworks/-

IDE-

Eclipse官網http://www.eclipse.org/downloads-

MyEclipse官網http://www.myeclipseide.com/

軟件測試

軟件測試網http://www.51testing.com/

1 程序員論壇：http://www.gxcxy.com

2 J2me社區 http://www.j2meforums.com/forum/

3 csdn http://www.csdn.net/

4 Vc知識庫 http://www.vckbase.com/

5 codeproject http://www.codeproject.com/

6 程序員聯合開發網 http://www.pudn.com/

7 看雪學院 http://www.pediy.com

8 藍色理想 http://www.blueidea.com/

9 博客園 http://www.cnblogs.com/

10 Nuix應用開發社區 http://chinaunix.net/

11 javaeye http://www.javaeye.com

12 It人網 http://www.iteer.net/

13 中國人才熱線 http://www.cjol.com/

14 天涯論壇 http://www.tianya.cn/

15 風云的blog http://blog.codingnow.com/

16 新浪科技頻道 http://tech.sina.com.cn/

17 phpchina http://www.phpchina.com/html/index.html

18 游戲開發資源網 http://www.gameres.com/

19 網絡游戲第一門戶 http://www.17173.com/

20 我愛研發網 http://www.52rd.com/

21 Msdn中文網 http://www.microsoft.com/china/MSDN/DeveloperCenter/default.mspx

22 大富翁編程網站 http://www.delphibbs.com/

23 Delphi盒子 http://www.2ccc.com/

24 C++buillder研究 http://www.ccrun.com/

25 It論壇 http://bbs.itren.cn/

26 Java開源大全 http://www.open-open.com/

27 codegurn http://www.codeguru.com/

28 編程愛好者 http://www.programfan.com/

29 Java中文站 http://www.java-cn.com/

30 reactos http://www.reactos.org/zh/index.htm

31 開源力量 http://www.opensourceforce.org/

32 電腦編程技巧與維護 http://www.comprg.com.cn/

33 中國電子網 http://21ic.com/

34 編程中國 http://www.bc-cn.net/

35 嵌入式開發論壇 http://www.cevx.com/bbs/

36 電腦愛好者 http://www.cfan.com.cn/

37 sybase中國 http://www.sybase.com.cn/gvswse/site/china/index.jsp

38 pbdr http://www.pbdr.com/

39 apache http://www.apache.org

40 rootkit http://www.rootkit.com/index.php

41 驅動開發網 http://www.driverdevelop.com/first.html

42 安全焦點 http://www.xfocus.net/

43 cnbeta網友媒體與言論平臺 http://www.cnbeta.com/

44 fyter的博客 http://www.fyter.cn/Default.aspx

45 asp.net控件 http://www.devexpress.com/

46 operamask http://www.operamasks.org/

47 中國源碼網 http://www.yuanma.org/

48 sawin軟件研發之窗 http://www.sawin.cn/

49 電腦教育與WEB教育在線 http://210.40.7.188/

50 中國dos聯盟 http://www.cn-dos.net/

51 中國bios聯盟 http://www.biosren.com/index.php

52 bioscentral http://bioscentral.com/

53 eda專業論壇 http://www.edacn.net/bbs/

54 諾基亞論壇 http://forum.nokia.com.cn/sch/index.html

55 計算機科學論壇 http://www.ieee.org.cn/index.asp

56 ibm developerworks 中國 http://www.ibm.com/developerworks/cn/

57 w3 http://www.w3.org/

58 網頁設計師 http://www.w3cn.org/

59 中國萬維網聯盟 http://www.w3china.org/index.htm

60 豆瓣 http://www.douban.com/

61 程序員門戶站：http://www.gxcxy.com

62 軟件商務網 http://www.bizsofts.com/

63 sun http://www.sun.com/

64 google code http://code.google.com/

65 google 開發人員主頁 http://code.google.com/intl/zh-CN/

66 the official microsoft asp.net http://www.asp.net/

67 microsoft IIS http://www.iis.net/default.aspx?tabid=1

68 榮耀 http://www.royaloo.com/index.html

69 侯捷網站 http://jjhou.csdn.net/

70 java大本營 http://www.javadby.com/

71 比特網 http://www.chinabyte.com/

72 51cto http://www.51cto.com/

73 infoq http://www.infoq.com/

74 博客堂 http://blog.joycode.com/

75 嵌入式開發網 http://www.embed.com.cn/

76 嵌入式開線 http://www.mcuol.com/

77 中嵌網 http://www.chinaeda.cn/

78 酷勤網 http://www.kuqin.com/

79 紅聯linux門戶 http://www.linuxdiyf.com/

80 itpub技術門戶 http://www.itpub.net/

81 程式設計俱樂部 http://www.programmer-club.com/index.asp

82 uml軟件工程組織 http://www.uml.org.cn/index.asp

83 delphi園地 http://www.delphifans.com/

84 theserverside http://www.theserverside.com/

85 中國donet俱樂部 http://www.chinaaspx.com/

86 編程王 http://www.kingofcoders.com/

87 it168 http://www.it168.com/

88 open source software in c# http://csharp-source.net/

89 中國IT實驗室 http://www.chinaitlab.com/

90 落伍者站長論壇 http://www.im286.com/

91 中國站長站 http://www.chinaz.com/

92 asp.net源碼下載專業站 http://www.51aspx.com/

93 it職業工程師 http://www.51myit.com/

94 太平洋電腦網 http://www.pconline.com.cn/

95 乘風原創程序 http://study.qqcf.com/

96 網易學院 http://tech.163.com/school/

97 程序設計／程序開發類教程 http://www.pcvz.com/Program/Programs/Index.html

98 算法源碼吧 http://www.sfcode.cn/

99 codegurn http://www.codeguru.cn/

100 得益網 http://www.netyi.net/

101 中國eclipse社區 http://www.eclipseworld.org/bbs/

102 項目管理者聯盟 http://www.mypm.net/

103 棲息谷 http://www.21manager.com/

104 J2me開發網 http://www.j2medev.com/bbs/index.asp

105 卓越亞馬遜 http://www.amazon.cn/

WEB技術：

WEB前端開發 http://www.css88.com/

Ext JS官方網 http://www.extjs.com/

Ext JS中文資料 http://www.extjs.org.cn/

SL 指擴展樣式表語言（EXtensible Stylesheet Language）, 它是一個 XML 文檔的樣式表語言。

XSLT 指 XSL 轉換。在此教程中，你將學習如何使用 XSLT 將 XML 文檔轉換為其他文檔，比如 XHTML。

現在開始學習 XSLT !

XSLT 實例

<?xmlversion="1.0"?><xsl:stylesheetversion="1.0"xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><xsl:templatematch="/"><html><body><h2>My CD Collection</h2><tableborder="1"><trbgcolor="#9acd32"><th>Title</th><th>Artist</th></tr><xsl:for-eachselect="catalog/cd"><tr><td><xsl:value-ofselect="title"/></td><td><xsl:value-ofselect="artist"/></td></tr></xsl:for-each></table></body></html></xsl:template></xsl:stylesheet>

XSLT 參考手冊

XSLT 元素

對所有來自 W3C 標準的 XSLT 元素進行了描述，以及關于瀏覽器支持的信息。

XSLT 函數

XSLT 包含了超過 100 個內置函數。這些函數可以用于字符串、數值、日期和時間比較、節點和 QName 處理, 序列處理, 邏輯值等等。

在線咨詢

上一篇：2022年Android面試題及答案收集(不斷更新中
下一篇：異步 JavaScript—第 6 部分

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML-html基礎知識 205

您的項目需求