網(wǎng)頁代碼簡介:網(wǎng)頁的制作離不開代碼，如果想制作出一個較好的網(wǎng)頁，那代碼必不可少?，F(xiàn)在我們制作網(wǎng)頁所用的代碼都有HTML，CSS，JavaScript，ASP，PHP，JSP, ASP.NET等。
1.HTML:
在網(wǎng)頁代碼中，最基礎(chǔ)的就是HTML代碼了。但他的應(yīng)用也最為廣泛，對初學者來說，ＨＴＭＬ代碼的學習也并不困難，代碼中均是一些短標簽組成，沒有邏輯。
HTML是一種規(guī)范，一種標準，它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標記符解釋和顯示其標記的內(nèi)容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
HTML的基本結(jié)構(gòu)：
一個HTML文檔是由一系列的元素和標簽組成，元素名不區(qū)分大小寫，HTML用標簽來規(guī)定元素的屬性和它在文件中的位置， HTML超文本文檔分文檔頭和文檔體兩部分，在文檔頭里，對這個文檔進行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。
下面是一個最基本的html文檔的代碼:
<HTML>
<HEAD>
<TITLE> 一個簡單的HTML示例 </TITLE>
</HEAD>
<BODY>
<H1>歡迎光臨我的主頁</H1>
<BR>
<HR>
<CENTER><FONT SIZE= 7 COLOR= red>這是我第一次做主頁</FONT></CENTER>
</BODY>
</HTML>
文檔中的所有文本和html標簽都包含在<HTML>與</HTML>中，它表示該文檔是以超文本標識語言（HTML）編寫的。<HEAD></HEAD>是HTML文檔的頭部標簽, 在瀏覽器窗口中，頭部信息是不被顯示在正文中的，在此標簽中可以插入其它標記, 用以說明文件的標題和整個文件的一些公共屬性。
<title>和</title>是嵌套在<HEAD>頭部標簽中的，標簽之間的文本即為文檔標題，它被顯示在瀏覽器窗口的標題欄。<BODY> </BODY>標記一般不省略，標簽之間的文本是正文，是在瀏覽器中要顯示的頁面內(nèi)容。
上面的這幾對標簽在文檔中都是唯一的，HEAD標簽和BODY標簽是嵌套在HTML標簽中的。
2.CSS:
CSS是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀，例如字體顯示大小，顏色，間距，頁面尺寸等。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護站點的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時間。
用CSS定義網(wǎng)頁的優(yōu)點如下：
（1、表現(xiàn)和內(nèi)容相分離：
將設(shè)計部分剝離出來放在一個獨立樣式文件中，HTML文件中只存放文本信息。這樣的頁面對搜索引擎更加友好。
（2、提高頁面瀏覽速度：
對于同一個頁面視覺效果，采用CSS布局的頁面容量要比TABLE編碼的頁面文件容量小得多，前者一般只有后者的1/2大小。瀏覽器就不用去編譯大量冗長的標簽。
（3、易于維護和改版：
你只要簡單的修改幾個CSS文件就可以重新設(shè)計整個網(wǎng)站的頁面。
（4、使用CSS布局更符合現(xiàn)在的W3C標準：
CSS設(shè)計網(wǎng)頁經(jīng)驗分享：
相信對大家是有一些幫助與啟發(fā)的。我們與您分享六個CSS習慣。這些習慣都跟技術(shù)無關(guān)，如果不遵守，也不會出錯，但是良好的習慣會讓您的工作更高效。
(１、用class_name方式寫類名。
以前喜歡用class-name寫，不過好像兩樣也沒什么差別。但我比較反對用className寫類名，因為始終對瀏覽器大小寫敏感的問題抱有懷疑態(tài)度。但是id我會寫成駝峰式，理由見下一條。
（２、樣式都用class而不用id。
有三個理由：一，id不可以重復(fù)，所以用class的話，可以肆無忌憚的用無數(shù)次。二，id的優(yōu)先級太高，若是寫了一個#page_contenta {color:#f60}，那你完蛋了，里面要改鏈接顏色，都必須加上#page_content才能越過這個優(yōu)先級。三，id專門留給JS用，這樣才符合表現(xiàn)與行為分離的原則。所以id我用駝峰式，也是為了體現(xiàn)這一點。
（３、margin和padding，盡量省略最后一個值。
比如margin: 20px 10px 5px 10px; ，左右值是一樣的，就應(yīng)該省略掉最后一個值，寫成margin: 20px 10px5px; 這樣到時候要改左右間距，改一個就好，免得改漏了。其實這個問題雖然很細小，但是可以看得出對margin四個值省略規(guī)則的熟練程度。對于有的瀏覽器如果把margin:20px 10px 5px; ,這樣瀏覽器會解析成上下間距為20px跟5px; 左右間距均為10px;。
（４、按標準寫CSS，再針對特定瀏覽器作hack
比如，通常我們會遇到如下的寫法：.side_col {float:left; display: inline; margin-left: 20px;} 而我的寫法會是：.side_col {float: left;margin-left: 20px;}* .side_col {_display:inline; /*hacked for IE 6*/ } 不應(yīng)該把hack混在一起，也不應(yīng)該用一種僥幸的心態(tài)，覺得float:left與display:inline寫在一起沒事。嗯，它們倆確實沒事兒，但是其他的hack就不一定了。而且這里寫display:inline純粹就是為了解決IE6的bug，所以前面加上下劃線，以明確的表達你的目的。另外不要以為凡是hack都是為IE準備的。其實有些hack是針對其他瀏覽器的，比如FF。這就要求你對CSS標準的熟練掌握，能夠自信的判斷哪些渲染是遵守標準，哪些違反標準的。
（５、記得加空格
.class_name { property: value; }。我們覺得合理的空格是優(yōu)秀代碼的一個指標。按英文的習慣，標點后面都應(yīng)該帶空格（如果你寫This is a pen.That’s apencil.句點后面不加空格， word里面會有錯誤提示）。所以既然CSS是外國人發(fā)明的，應(yīng)該按他們的格式來寫。類似的，在JS里var a= b + c;里面的空格也應(yīng)該都要加。
（6、顏色代碼的縮寫
例如.top{ width:104px; height:96px; background:#FF0099; }
可以寫成：.top{ width:104px; height:96px; background:#F09; }
所寫代碼必須是 AABBCC 形式的 縮寫成 ABC。這樣寫加快處理效率，又簡單方便。
3.JavaScript:
在瀏覽網(wǎng)頁時，一些彈出事件和表單判斷事件大多都是Javascript來開發(fā)的。Javascript是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭討B(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務(wù)器端語言，為客戶提供更流暢的瀏覽效果。
盡管JavaScript作為給非程序人員的腳本語言，而非作為給程序人員的編程語言來推廣和宣傳，但是JavaScript是一門具有非常豐富特性的語言，它有著和其他編程語言一樣的復(fù)雜性，或更甚復(fù)雜。實際上，你必需對JavaScript有扎實的理解才能用它來撰寫比較復(fù)雜的程序。
JavaScript的開發(fā)案例：
<script type=”text/javascript”>
<!–
document.write(“Hello, world!”) //直接在瀏覽器視窗顯示。
alert(“Hello, world!”) //開啟對話視窗顯示。 –>
</script>
JavaScript代碼由 <script type=”text/javaScript”>…</script>說明。在標識<script type =”text/javaScript”>…</script>之間就可加入JavaScript腳本。 alert()是JavaScript的窗口對象方法，其功能是彈出一個具有OK對話框并顯示（）中的字符串。 通過<!– …//–>標識說明：若不認識JavaScript代碼的瀏覽器，則所有在其中的標識均被忽略；若認識，則執(zhí)行其結(jié)果。使用注釋這是一個好的編程習慣，它使其他人可以讀懂你的語言。 JavaScript 以 </Script> 標簽結(jié)束。
4.ASP，PHP，JSP, ASP.NET
ASP，PHP，JSP, ASP.NET都是不同的網(wǎng)頁編程語言，相比HTML和CSS，這種編程語言會幫助我們實現(xiàn)更多更復(fù)雜的邏輯運算以及和數(shù)據(jù)庫的接合。這幾門編程語言用應(yīng)于大多數(shù)網(wǎng)站，其中早期的網(wǎng)站主要用ASP，現(xiàn)在則大多數(shù)都用PHP或者ASP.NET.
5.數(shù)據(jù)庫
數(shù)據(jù)庫（Database）是按照數(shù)據(jù)結(jié)構(gòu)來組織、存儲和管理數(shù)據(jù)的倉庫。數(shù)據(jù)庫有很多種類型，從最簡單的存儲有各種數(shù)據(jù)的表格到能夠進行海量數(shù)據(jù)存儲的大型數(shù)據(jù)庫系統(tǒng)都在各個方面得到了廣泛的應(yīng)用。
在網(wǎng)頁中，數(shù)據(jù)庫承擔著具大的作用，通過程序的結(jié)合，可以方便的對數(shù)據(jù)庫進行存儲與讀取，數(shù)據(jù)庫分為多種，具體如下：
(１、Oracle
Oracle是世界領(lǐng)先的信息管理軟件開發(fā)商，因其復(fù)雜的關(guān)系數(shù)據(jù)庫產(chǎn)品而聞名。Oracle數(shù)據(jù)庫產(chǎn)品為財富排行榜上的前1000家公司所采用，許多大型網(wǎng)站也選用了Oracle系統(tǒng)。目前Oracle關(guān)系數(shù)據(jù)庫產(chǎn)品的市場占有率名列前茅。
(2、SQL Server
SQL Server是一個全面的數(shù)據(jù)庫平臺，使用集成的商業(yè)智能 (BI) 工具提供了企業(yè)級的數(shù)據(jù)管理。SQL Server 數(shù)據(jù)庫引擎為關(guān)系型數(shù)據(jù)和結(jié)構(gòu)化數(shù)據(jù)提供了更安全可靠的存儲功能，使您可以構(gòu)建和管理用于業(yè)務(wù)的高可用和高性能的數(shù)據(jù)應(yīng)用程序 。
(3、mySQL
MySQL是一個小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。在2008年1月16號被Sun公司收購。而2009年，SUN又被Oracle收購。對于Mysql的前途，沒有任何人抱樂觀的態(tài)度。目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。
(4、Access
美國Microsoft公司于1994年推出的微機數(shù)據(jù)庫管理系統(tǒng)。它具有界面友好、易學易用、開發(fā)簡單、接口靈活等特點，是典型的新一代桌面數(shù)據(jù)庫管理系統(tǒng)。
以上內(nèi)容由云谷中國臺州網(wǎng)絡(luò)公司整理提供。更多有關(guān)企業(yè)郵箱、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、網(wǎng)站制作、網(wǎng)站推廣、seo網(wǎng)站優(yōu)化、域名注冊、服務(wù)器租用、微信營銷、微信朋友圈廣告等網(wǎng)絡(luò)信息化服務(wù)解決方案都可以聯(lián)系我們！咨詢電話：15988983063
浙公網(wǎng)安備33100202000405號
