HTML 基礎入門

時間 2019-12-07

標籤 html 基礎入門欄目 HTML 简体版

原文原文鏈接

最近學習HTML5的知識，屬於入門級別。粗略接觸感受並非十分枯燥困難，不過聽說HTML都是入門容易深刻很難，希望之後不會被難倒吧。css

首先介紹一下HTML

HTML是HyperText Markup Language(超文本標記語言)的簡寫，他不是一種編程語言，而是一種標記語言，用於告訴瀏覽器如何構造你的頁面。他能夠由一系列HTML元素組合成web開發人員想要的簡單或者複雜的頁面。「超文本」就是指頁面內能夠包含圖片、連接，甚至音樂、程序等非文字元素。HTML也是一種規範，一種標準，它經過標記符號來標記要顯示的網頁中的各個部分。網頁文件自己是一種文本文件，經過在文本文件中添加標記符，能夠告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，而後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不中止其解釋執行過程，編制者只能經過顯示效果來分析出錯緣由和出錯部位。可使用.html與.htm做爲html文件的後綴名（擴展名）html

HTML5 前段有三個要素

HTML
CSS
JS
先講其中HTML的元素
HTML的元素中包含單標籤元素和雙標籤元素，也分爲塊級元素、行內元素和其它元素。具體在下面的內容中闡述。web

一個完整的Html網頁是由多個Html元素按照必定的方式組成的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>
  <p>Hello World</p>    
</body>
</html>

DOCTYPE
在Html很是年輕的時候（199一、2年左右），doctype是用來做爲一組規則的連接，HTML頁面必須遵循這些規則才能被認爲是好的HTML，這些規則會用來檢測網頁是否是存在問題。然而，這些年沒有人真正的關心doctype，他們只是一個歷史產物必須包含在頁面中。如下是咱們須要簡單瞭解的，記住H5的文檔類型便可。
1.1嚴格的文檔類型編程
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
```
1.2寬鬆的文檔類型瀏覽器
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
```
1.3H5文檔類型編程語言
```
<!DOCTYPE html>
```

2.<html>
Html的根元素，用來包含html文檔的全部元素
3.<head>
包含在頭部的內容不會被顯示的頁面中，這裏一般包含頁面的編碼，做者，頁面的描述信息，js的導入，css的導入等信息。
4.<meta charset="utf-8">
用來聲明當前文檔的編碼方式爲utf-8
5.<title>
用來聲明當前文檔的標題，標題將會出如今瀏覽器的選項卡中
6.<body>
全部想要顯示在瀏覽器中的元素都被包含在該元素中。
7.<p>
html內容中的標籤元素佈局