網頁代碼簡介:網頁的制作離(lí)不開代碼，如(rú)果想制作出一錢報個(gè)較好的網頁，那代碼必不可(kě)少(shǎo)事家。現在我們制作網頁所用的代碼都有HTML，CSS，JavaScript，問員ASP，PHP，JSP, ASP.NET等。
1.HTML:
在網頁代碼中(zhōng)，最基礎的就是HTML代碼紅新了。但他的應用也最為廣泛，對初學者來說，朋件ＨＴＭＬ代碼的學習也并不困難，代碼中(zhōng)均做雪是一些短(duǎn)标簽組成，沒有邏輯。
HTML是一種規範，一種标準，它通(tōng)過标記符司討号來标記要顯示的網頁中(zhōng)的各外地個(gè)部分。網頁文(wén)件本身是一種文(wé分愛n)本文(wén)件，通(tōng)過在文(學對wén)本文(wén)件中(zhōng)添加标記符，可身筆(kě)以告訴浏覽器(qì)如(rú)何顯示其中(zhōng)的風兵内容（如(rú)：文(wén)字如(rú)何處理，畫面兵花如(rú)何安排，圖片如(rú)何顯示等）。浏覽器(qì)按順序閱讀網頁文(短區wén)件，然後根據标記符解釋和(hé)顯示其标記的内機電容，對書寫出錯的标記将不指出其錯誤，且不停止其解釋執行過程，編制者隻能通麗票(tōng)過顯示效果來分析出錯原因和(藍呢hé)出錯部位。但需要注意的是，對于不同的浏覽器(qì)，對土影同一标記符可(kě)能會有不完全相同的解釋，因而可(kě)能會有不日月同的顯示效果。
HTML的基本結構：
一個(gè)HTML文(wén)檔是由一系列的元素和(h雨花é)标簽組成，元素名不區分大小寫，HTML用标簽來規定元素的內是屬性和(hé)它在文(wén)件中(zhōng)的位置， HTML超文(中飛wén)本文(wén)檔分文(wén)檔頭和(hé)文(wén)檔體兩部分市看，在文(wén)檔頭裡，對這個(gè)文(wé刀錢n)檔進行了一些必要的定義，文(wén)檔體中(zhōng低家)才是要顯示的各種文(wén)檔信息。
下(xià)面是一個(gè)最基本的ht那我ml文(wén)檔的代碼:
<HTML>
<HEAD>
<TITLE> 一個(gè)簡單的HTML低又示例 </TITLE>
</HEAD>
<BODY>
<H1>歡迎光臨我的主頁</H1>
<BR>
<HR>
<CENTER><FONT SI動音ZE= 7 COLOR= red>這是我第一次做主頁</FON的書T></CENTER>
</BODY>
</HTML>
文(wén)檔中(zhōng)的所有文(wén)本和(hé)h姐報tml标簽都包含在<HTML>與<快都;/HTML>中(zhōng)，它表示該文(wén)檔是以風很超文(wén)本标識語言（HTML）編寫的。<HEAD個自></HEAD>是HTML文(綠藍wén)檔的頭部标簽, 在浏覽器(qì)窗口中(zhōng)，頭部信息是不被顯影內示在正文(wén)中(zhōng)的，在此标簽中(zhōng)可(k新店ě)以插入其它标記, 用以說明文(wén)件的标題和(hé呢中)整個(gè)文(wén)件的一些公共屬性。
<title>和(hé)</title>冷視是嵌套在<HEAD>頭部标簽中(zhōng)的，标簽之間的文(wé服舞n)本即為文(wén)檔标題，它被顯示在浏覽器(qì)窗口的标題欄。<火那BODY> </BODY>标記一般不省略，标簽之間的文(wé你藍n)本是正文(wén)，是在浏覽器(qì)玩文中(zhōng)要顯示的頁面内容。
上面的這幾對标簽在文(wén)檔中(zhōn間身g)都是唯一的，HEAD标簽和(hé)BODY标簽是嵌套在HTML标簽中朋站(zhōng)的。
2.CSS:
CSS是一組格式設置規則，用于控制Web頁面的外觀，例如(rú)字體顯示大小國弟，顔色，間距，頁面尺寸等。通(tōng)過使用CSS樣看得式設置頁面的格式，可(kě)将頁面的内容與表信車現形式分離(lí)。頁面内容存放在HTML文(wén)檔中(報微zhōng)，而用于定義表現形式的CSS規則則存放房窗在另一個(gè)文(wén)件中(zhōng)或H對睡TML文(wén)檔的某一部分，通(tōng)常為文(wén)件頭部裡醫分。将内容與表現形式分離(lí)，不僅可(kě)使維護志相站(zhàn)點的外觀更加容易，而且還可(kě)以使HT不花ML文(wén)檔代碼更加簡練，縮短(duǎn)浏覽器(qì)的加載時雨物間。
用CSS定義網頁的優點如(rú)下(xià)：
（1、表現和(hé)内容相分離(lí)：
将設計部分剝離(lí)出來放在一個(gè)獨立樣式文(wén)件中(zh志制ōng)，HTML文(wén)件中(zhōng)隻存放冷章文(wén)本信息。這樣的頁面對搜索引擎更加友好。
（2、提高頁面浏覽速度：
對于同一個(gè)頁面視覺效果，采用CSS布局的頁姐慢面容量要比TABLE編碼的頁面文(wén)件容量小暗從得多，前者一般隻有後者的1/2大小。浏覽器(qì)就好銀不用去編譯大量冗長的标簽。
（3、易于維護和(hé)改版：
你(nǐ)隻要簡單的修改幾個(gè)CSS文(wén)黑山件就可(kě)以重新設計整個(gè)網站(zhàn)的頁面。
（4、使用CSS布局更符合現在的W3C标準：
CSS設計網頁經驗分享：
相信對大家是有一些幫助與啟發的。我們與您分享六個(gè)CSS習慣。這些習慣街行都跟技術(shù)無關(guān)，如(rú)果不遵在化守，也不會出錯，但是良好的習慣會讓您的工作更高效請吧。
(１、用class_name方式寫類名。
以前喜歡用class-name寫，不過好像兩樣也沒什麼差别。但我比較反對用得問className寫類名，因為始終對浏覽器(qì)又湖大小寫敏感的問(wèn)題抱有懷疑态度。但是id我會寫成駝峰式，理由見下話民(xià)一條。
（２、樣式都用class而不用id。
有三個(gè)理由：一，id不可(kě)商志以重複，所以用class的話，可(kě)以肆無忌憚的用無數次。二，id的優先級微學太高，若是寫了一個(gè)#page_cont綠錢enta {color:#f60}，那你(nǐ)完蛋了，裡說畫面要改鍊接顔色，都必須加上#page_content才能越過這個(熱器gè)優先級。三，id專門留給JS用，這樣才符合表現與行為分線城離(lí)的原則。所以id我用駝峰式，也是為了體現東作這一點。
（３、margin和(hé)padding，盡量省略最後一個店物(gè)值。
比如(rú)margin: 20px 10px 5px 10px; ，左右微自值是一樣的，就應該省略掉最後一個(gè)值，寫成margin:的鄉 20px 10px5px; 這樣到時候要改左右間距，改一個(gè)年科就好，免得改漏了。其實這個(gè)問(wèn)題雖然很細小，但是可(k跳又ě)以看得出對margin四個(gè)值省略規則的熟練程雜舞度。對于有的浏覽器(qì)如(rú)果把margin:2制水0px 10px 5px; ,這樣浏覽器(qì)會解析成上下(新了xià)間距為20px跟5px; 左右間距均為10px;。
（４、按标準寫CSS，再針對特定浏覽器(qì)作hack
比如(rú)，通(tōng)常我們會遇到如(r劇關ú)下(xià)的寫法：.side_col {f這朋loat:left; display: inline; mar動新gin-left: 20px;} 而我的寫法會是：.side_col林跳 {float: left;margin-left: 20px;}* .si美的de_col {_display:inline; /*hack友草ed for IE 6*/ } 不應該把hack高街混在一起，也不應該用一種僥幸的心态，覺得floa用男t:left與display:inline寫在一看麗起沒事。嗯，它們倆确實沒事兒，但是其他的hack就不一定現體了。而且這裡寫display:inline音制純粹就是為了解決IE6的bug，所以前面加上下(xià)劃線，飛從以明确的表達你(nǐ)的目的。另外不要以為凡白火是hack都是為IE準備的。其實有些ha鐘船ck是針對其他浏覽器(qì)的，比如(rú)事刀FF。這就要求你(nǐ)對CSS标準的熟練掌握，能夠自信的判斷哪些渲染司答是遵守标準，哪些違反标準的。
（５、記得加空格
.class_name { property: value下少; }。我們覺得合理的空格是優秀代碼的一作兵個(gè)指标。按英文(wén)的習慣，标點後面都應該帶空格通資（如(rú)果你(nǐ)寫This is a pen.T的學hat’s apencil.句點後面不加空格， word裡面會有地火錯誤提示）。所以既然CSS是外國人發明的，應該按他們的格文水式來寫。類似的，在JS裡var a= b + c;裡面的空格也應該都草能要加。
（6、顔色代碼的縮寫
例如(rú).top{ width:104px光很; height:96px; backgro還老und:#FF0099; }
可(kě)以寫成：.top{ width:104px街為; height:96px; background:#F0短多9; }
所寫代碼必須是 AABBCC 形式的 縮寫成 ABC。這樣寫加快處理效率，又簡樂動單方便。
3.JavaScript:
在浏覽網頁時，一些彈出事件和(hé)表單判斷事件大多都是Javascript來文一開發的。Javascript是一種由Netscape的LiveScript體西發展而來的原型化繼承的面向對象的動(dòng)态類型的區分大小寫的能慢客戶端腳本語言，主要目的是為了解決服務器(qì)端語言，為客戶提供更流暢的浏覽校小效果。
盡管JavaScript作為給非程序人員的腳本語言，廠笑而非作為給程序人員的編程語言來推廣和(hé)宣傳，聽都但是JavaScript是一門具有非常豐富特性的語言，它有着和(hé)機可其他編程語言一樣的複雜性，或更甚複雜。實際上習大，你(nǐ)必需對JavaScript有紮實的紙東理解才能用它來撰寫比較複雜的程序。
JavaScript的開發案例：
<script type=”text/javascript”&店林gt;
<!–
document.write(“Hell著但o, world!”) //直接在浏覽器(qì)視窗顯示道遠。
alert(“Hello, world!”) //開啟對話視窗顯示。 算農–>
</script>
JavaScript代碼由 <script type=的林”text/javaScript”>…</script&他做gt;說明。在标識<script type =”text/業書javaScript”>…</s錯草cript>之間就可(kě)加入Jav新分aScript腳本。 alert()是JavaScript的窗口對象方外文法，其功能是彈出一個(gè)具有OK對話框并顯示（）金舊中(zhōng)的字符串。 通(tōng)過&車一lt;!– …//–>标識說明：若不認識Java動草Script代碼的浏覽器(qì)，則所有在其中(zhōng)的标識理河均被忽略；若認識，則執行其結果。使用注釋這是一個(gè)好的編程習慣，它光都使其他人可(kě)以讀懂你(nǐ)的語言。 JavaScript 以 <慢白/Script> 标簽結束。
4.ASP，PHP，JSP, ASP.NET
ASP，PHP，JSP, ASP.NET都是不同的網頁編店答程語言，相比HTML和(hé)CSS，這種編程語言會幫助我房地們實現更多更複雜的邏輯運算以及和(hé)數據唱討庫的接合。這幾門編程語言用應于大多數網站(zhàn)，其中(zhōn聽水g)早期的網站(zhàn)主要用ASP，現在則大多數都用PHP或這銀者ASP.NET.
5.數據庫
數據庫（Database）是按照數據結構來組織、存儲和吃熱(hé)管理數據的倉庫。數據庫有很多種類型，從最簡單女志的存儲有各種數據的表格到能夠進行海量數據存儲的大型數據庫系統都在各個(gè)方裡空面得到了廣泛的應用。
在網頁中(zhōng)，數據庫承擔着具大的作友訊用，通(tōng)過程序的結合，可(kě)以方便的對數據庫進行存房匠儲與讀取，數據庫分為多種，具體如(rú)下(xià)：
(１、Oracle
Oracle是世界領先的信息管理軟件開發商(shāng)，河一因其複雜的關(guān)系數據庫産品而聞名。Orac照愛le數據庫産品為財富排行榜上的前1000家公司所采用，許路我多大型網站(zhàn)也選用了Oracle系統。目前O舞議racle關(guān)系數據庫産品的市場占有率名列前茅。
(2、SQL Server
SQL Server是一個(gè)全面的數據庫平台，使用人謝集成的商(shāng)業(yè)智能 (化校BI) 工具提供了企業(yè)級的數據管理。SQL Server 數據庫引擎為放唱關(guān)系型數據和(hé)結構化數據提供了更安全可(kě)靠的存儲功能線離，使您可(kě)以構建和(hé)管理用于業(yè)務的高可(kě)用和(hé)對業高性能的數據應用程序 。
(3、mySQL
MySQL是一個(gè)小型關(guān)系型數據庫管理系統，開發的物者為瑞典MySQL AB公司。在2008年1月(yuè)16号被家區Sun公司收購。而2009年，SUN又被低去Oracle收購。對于Mysql的前途，沒有任何人抱樂(yuè)觀的态度。目大高前MySQL被廣泛地應用在Internet上的中(zhōng)樹腦小型網站(zhàn)中(zhōng)。由于其體積小、速度快、明間總體擁有成本低，尤其是開放源碼這一特點，許多中(zhōng)小型網站年公(zhàn)為了降低網站(zhàn)總體擁有成本而選擇了MySQL作為網站(美動zhàn)數據庫。
(4、Access
美國Microsoft公司于1994年推出的微機音腦數據庫管理系統。它具有界面友好、易學易用老人、開發簡單、接口靈活等特點，是典型的新一代桌面吃理數據庫管理系統。
以上内容由雲谷中(zhōng)國台州網絡公司整理提供。更多有暗國關(guān)企業(yè)郵箱、網站(zhàn)建設、網站(zhàn)設計、網行行頁設計、網站(zhàn)制作、網站(zhàn)推廣通長、seo網站(zhàn)優化、域名注冊、師樂服務器(qì)租用、微信營銷、微信朋友圈廣告等網絡信息化服務解決方案鐘南都可(kě)以聯系我們！咨詢電話：159889商藍83063
