天天看點

HTML的簡述

1.1 HTML的簡述

1.1.1 HTML是什麼?

HTML:(Hyper Text Markup Language) 超文本标記語言

文本:相當于記事本裡寫的文字。 展示資訊

超文本:超越了文本僅僅展示資訊的功能範疇。泛指:圖檔、有樣式的文字、點選跳轉頁面的文字

語言:工具。

标記:标簽

1.1.2 有什麼作用?

HTML是由标簽所組成的語言,能展示超文本效果

HTML是用來寫網頁的,是設計頁面的基礎。

1.1.3 HTML的入門案例

步驟1:建立檔案,字尾名為html

HTML的簡述

步驟2:用記事本打開檔案,并且編寫文字

HTML的簡述

步驟3:用浏覽器打開。例如:火狐或者IE

HTML的簡述

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标簽建議包裹嵌套,不建議交叉嵌套。如下圖所示

HTML的簡述

1.1.5 使用Hbuilder

步驟1:打開Hbuilder

HTML的簡述

步驟2:選擇“暫不登入”

HTML的簡述

步驟3:選擇“工具”---à“選項”

HTML的簡述

步驟4:輸入“工作空間”,點選“工作空間”,在右側選項中将“文本檔案編碼” 選為“其他 UTF-8”

HTML的簡述

步驟5:在“項目管理器”,滑鼠右鍵,“建立”“WEB項目”

HTML的簡述

步驟6:修改“項目名”和“位置”,并點選完成

HTML的簡述

步驟7:項目建立完畢

HTML的簡述

繼續閱讀