1.1 HTML的簡述
1.1.1 HTML是什麼?
HTML:(Hyper Text Markup Language) 超文本标記語言
文本:相當于記事本裡寫的文字。 展示資訊
超文本:超越了文本僅僅展示資訊的功能範疇。泛指:圖檔、有樣式的文字、點選跳轉頁面的文字
語言:工具。
标記:标簽
1.1.2 有什麼作用?
HTML是由标簽所組成的語言,能展示超文本效果
HTML是用來寫網頁的,是設計頁面的基礎。
1.1.3 HTML的入門案例
步驟1:建立檔案,字尾名為html
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauIWb1hGducmbw5SdyBjc1BDOmFTY0gTMjBzZ3EDO1kDMvwlMw8CX0ATOxAjMvwVb1J3bm9CX05WZth2YhRHdh9CXhRXYk9CXt92YuEWbpVGa0lmLzJmYvw1LcpDc0RHaiojIsJye.jpg)
步驟2:用記事本打開檔案,并且編寫文字
步驟3:用浏覽器打開。例如:火狐或者IE
1.1.4 HTML的語言特征
l HTML代碼是由頭和體組成。
<html>
<head>
<title> 标題</title>
</head>
<body>需要展示給使用者看的資訊内容</body>
</html>
<html>标簽就相當于 java類 大括号
<head>中存放的都是網頁的說明性内容,例如标題
l HTML檔案的擴充名為html或者htm。Htm是老的命名規範,html的新的
l HTML檔案由浏覽器直接解析執行,無需編譯,直接由上到下依次解析執行。
l HTML标簽通常由開始标簽和結束标簽組成。例如:<font>内容體</font>
開始标簽和結束标簽之間的内容叫做内容體
l HTML沒有内容體的标簽叫做空标簽。僅由一個标簽組成。例如:<br/> 自關閉
l HTML标簽不區分大小寫,為了友善閱讀,建議使用小寫。
l HTML标簽是有屬性的,格式為:屬性名=”屬性值”,屬性值用引号引起。引号包含單引号和雙引号
l HTML标簽建議包裹嵌套,不建議交叉嵌套。如下圖所示
1.1.5 使用Hbuilder
步驟1:打開Hbuilder
步驟2:選擇“暫不登入”
步驟3:選擇“工具”---à“選項”
步驟4:輸入“工作空間”,點選“工作空間”,在右側選項中将“文本檔案編碼” 選為“其他 UTF-8”
步驟5:在“項目管理器”,滑鼠右鍵,“建立”“WEB項目”
步驟6:修改“項目名”和“位置”,并點選完成
步驟7:項目建立完畢