HTML簡單介紹（我的角度）

時間 2019-11-30

標籤 html 簡單介紹我的角度欄目 HTML 简体版

原文原文鏈接

以前對HTML的理解：HTML主要是標籤組成，一對標籤組成一個位置，在響應的位置內填寫對應的內容。html

1.編譯工具

[ ] HTML須要編譯工具？txt文檔改後綴雙擊運行。
[ ] 瞭解前端了一下前端，而後發現本身以前用的工具IDEA就能夠，寫Java，Python，如今還能寫前端，美滋滋。。。前端

2.HTML是什麼
[ ] 官方名字：超文本標記語言（HyperText Mark-up Language ），超文本：帶有超連接的文本，標記：使用標籤在網頁上標記資源的位置
[ ] 做用：用來設計網頁的標記語言
[ ] 文件後綴 .html或 .htm爲後綴
[ ] 執行方式：由瀏覽器解釋執行
[ ] 經驗：
```
不區分大小寫，建議小寫
```
```
標籤是成對出現的（大部分）
```

經過標籤來標記數據，不一樣的數據使用不一樣的標籤

HTML示例
HTML中代碼的註釋：<!--註釋內容-->
<!DOCTYPE html>
<html lang="en"><!--HTML的開始-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

HTML標籤

上面代碼中的：
<html></html>
<head></head>
<title></title>
<body></body>

[ ] HTML用於描述功能的符號成爲「標籤」
[ ] 標籤都封裝在一對尖括號「<...>」之中,如就是一個標籤
[ ] 封閉類型標記（也叫雙標記），必須成對出現,如
[ ] 非封閉類型標記，也叫做空標記，或者單標記，如
瀏覽器

HTML元素

指的是從開始標籤（start tag）到結束標籤（end tag）的全部代碼
<title>Title</title><!--Title-->

[ ] HTML 元素以開始標籤起始
[ ] HTML 元素以結束標籤終止
[ ] 元素的內容是開始標籤與結束標籤之間的內容
[ ] 某些 HTML 元素具備空內容（empty content）
[ ] 空元素在開始標籤中進行關閉（以開始標籤的結束而結束）
[ ] 大多數 HTML 元素可擁有屬性

HTML屬性與值

<html lang="en"><!--lang是HTML的屬性，en是lang屬性的值-->
</html>

[ ] 1.屬性是用來修飾元素的
- 屬性必須位於開始標籤裏
- 一個元素的屬性可能不止一個，多個屬性之間用空格隔開
- 多個屬性之間不區分前後順序
[ ] 2.每一個屬性都有值
- 屬性和屬性的值之間用等號連接
- 屬性的值包含在引號當中
- 屬性老是以名稱/值對的形式出現

經常使用標籤

<p></p><!--段落標籤-->
<h1></h1><!--段落標籤（h1表示第一段落  通常是h1到h6）-->
</br><!--換行標籤-->
<hr/><!--水平線標籤-->
<span></span><!--無語義標籤-->
<img></img>
    1.使用<img>元素將圖像添加到頁面
    2.必須屬性：src（存儲圖像的位置）
    3.經常使用屬性：width，height，alt，title
    <img src="URL" width="300" alt=」替換文本屬性」/>
    title定義了鼠標通過圖片時顯示的內容，搜索引擎抓取圖片時，是根據title定義的內容來分析圖片是什麼的
    alt當圖片未能正常顯示時，用於給用戶的提示信息