html及css學習筆記_1_html語法

目標:可以寫一個商戶表,能使用三種CSS選擇器。

未學猜測:Html是標籤語言

瀏覽器工具:Opera、IE、Chrome、Fox
開發工具:記事本

html與普通文本(如:txt文檔)的區別:
1.html也可以輸入文本,且可以設置字體大小、樣式、顏色等
2.html可以插入圖片
3.html可以列表與表格
4.html可以設置超連接跳轉(超連接,可點擊的文本,點擊後一般會跳到另一個界面)

標籤,如:<標籤>< /標籤>

<!DOCTYPE html><!--說明文檔類型-->
<html><!--這是html表開始,用</html>表示html結束-->
<head>
網頁頭部
</head>
<body bgcolor="blue"><!-bgcolor是屬性名,blue是屬性值-->
網頁主體
</body>
</html>

爲什麼要用標籤?
標籤格式統一,都在尖括號裏< >,在標籤裏可以添加鍵值對(也叫屬性),可以改變主體樣式。方便瀏覽器解析。

說下注釋,註釋如備註,不會顯示在網頁上,正常在生產(上線的)服務器上是要去掉註釋的,加快加載速度。

實體字符:一些字符在 HTML 中擁有特殊的含義,比如小於號 (<) 用於定義 HTML 標籤的開始。如果我們希望瀏覽器正確地顯示這些字符,我們必須在 HTML 源碼中插入字符實體。(來自互聯網)
實體字符:簡單說就是有含義的字符,如”<”在html裏是開始標誌,在網頁中有時不能正常顯示,那如果我們要顯示怎麼辦呢,可以使用實體字符名字,然後瀏覽器的解析器會自動將字體字符轉成對應的符號。

主要有以下符號
符號---描述------實體名稱----實體編碼----助記
<-----小於號-----&lt;------&#60;----less than
>-----大於號-----&gt;------&#62;---great than
&-----和號------&amp;------&#38;
 -----空格------&nbsp;-----&#160;---null block space
"-----引號------&quot;-----&#34;----quote
'-----撇號------&apos;-----&#39;

如圖

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章