這節php視頻教程主要是對HTML和CSS做一個簡單的基礎性的講解，讓初學者了解HTML、CSS和JavaScript三者各自的特點和之間的關系，同時著重對HTML語法做了五個方面的總結。

HTML、CSS和JavaScript三者的特點與關系

HTML是為了編寫頁面內容與布局，CSS是對HTML精確布局與樣式控制，可以這么說，HTML如果是個人的話，CSS相當于一個化妝師，CSS是來修飾HTML的。JavaScript是用來與用戶交互，做特效的，這個交互體現在瀏覽器獲取到用戶相應的動作，JavaScript就會做出回應。

所以說，我們前臺要做一個非常完美的頁面，就需要HTML定義它的內容、布局，CSS做一些外觀美化，比如說背景顏色、邊框顏色、字體大小顏色之類的，JavaScript做一些動態效果，這三者缺一不可。

這三者有什么特點呢？CSS和JavaScript都可以獨立編寫，也都可以嵌入在HTML應用中，同時，HTML、CSS和JavaScript都是文本文件。

HTML和CSS基礎概述

HTML，Hypertext Marked Language的簡稱，中文是超文本標記語言，文件的后綴名為.html或.htm，Hypertext可以在文件中標識圖片、鏈接、表格、文本等。Marked以字、字符串、圖片等組成。HTML是一種編程語言，瀏覽器解釋的語言。

CSS，即Cascading Style Sheets，又叫層疊樣式表，是一種用來表現HTML樣式的語言。它不能獨立使用，沒有HTML就沒有CSS。它是用來定義網頁的外觀和局部（字體、背景、文本、位置、邊緣、列表等其他內容），也是用瀏覽器解釋的語言。

HTML語法

（1）HTML標記

HTML是由標簽和標簽中的內容組成的一個文件，HTML中所有的元素都需要使用標記來描述，HTML文檔就是由元素和標記組成的文件。元素是一整體，是一對象。標記大多數都是成對出現的，也稱為容器，格式表示為<標記名></標記名>。也有單獨出現的標記，如br和hr標簽，都是自封閉標簽。標記中也可以嵌套其它標記，如<br/><hr/><a herf=”www.xsphp”><b></b></a>。

（2）HTML標簽屬性

屬性在標記中使用，屬性的格式是：[屬性=屬性值]，如<font color=”red” size=”7”>。多個屬性使用空格分開，屬性的值（不管什么類型）可以使用單引號、雙引號、不加引號（推薦使用雙引號包裹屬性值），屬性是對標記功能的擴展或行為的修飾，每個屬性幾乎都是可選。

（3）HTML文檔注釋

HTML標記和屬性名都是不區分大小寫的，大寫小寫瀏覽器都會解析，有一樣的效果。HTML里面還有文檔注釋，文檔注釋有兩個作用，一個是注釋暫時不用的一段代碼，另一個是用來寫簡單的注解。它的格式是<!–注釋內容–>,注釋需要遵守如下規范：在注釋中不能再有注釋；在注釋掉的標記之后，要保證還是一個結構完好的文檔。

（4）HTML代碼格式

HTML的代碼格式，任何回車或格式在源代碼中都不起作用；使用回車或空格進行代碼排版。

（5）HTML字符實體

HTML字符實體有很多，可以用兩種方式來表示，一種是實體名稱，一種是實體編號。表示時，要在名稱或編號前面加上&，后面加上；，其中nbsp表示空格，lt表示<，gt表示>，amp表示&，quot表示“”等。

云和學院后續的php視頻教程還會對CSS作進一步的講解，請繼續關注云和學院高級講師為大家帶來的在線視頻課，愿你從中有所收益。