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的簡述

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