保姆级的HTML零基础教程少见吧？这是第一节（1）
作者簡介
作者名：1_bit
簡介：CSDN博客專家，2020年博客之星TOP5，藍橋簽約作者。15-16年曾在網上直播，帶領一批程序小白走上程序員之路。歡迎各位小白加我咨詢我相關信息，迷茫的你會找到答案。
目錄
HTML基礎之bit哥的反客為主之道（9）—— <big></big> 放大標簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標簽
趕緊3分鐘學完15分鐘的內容我要出去玩（8）—— <big></big> 放大標簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標簽
我使用 html 反向輸出自己打自己（7）——<a>超鏈接、<bdo>覆蓋
我化身保姆為你提供 html 教學服務（6）——<b>加粗、<br>換行、<hr>分隔
我開始一直以為網頁制作好難（5）——<h1></h1> 標題、<p></p> 段落、
你知道出現“亂碼”的原因是什么嗎？（4）——編碼、<title></title> 網頁標題、
一個基礎的 HTML 文檔有哪些標簽？第一節（3）—— <!DOCTYPE html>說明、<head></head> 頭部、<body></body> 主體、
使用 Vscode 編寫 HTML 文檔竟然可以自動寫代碼（2）—— vscode、快捷方式
保姆級的HTML零基礎教程少見吧？這是第一節（1）——介紹、雞湯
一、簡介
1.1 什么是 HTML
👸小媛：bit 哥，html 是什么東西？他們說可以用來做網頁，我覺得好像很好玩的樣子。😊
🐶1_bit：HTML 的英文全稱是 HyperText Markup Language，是一種超文本標記語言，用來描述整個網頁如何去進行編排。
👸小媛：編排啥意思？😌
🐶1_bit：意思就是通過 HTML 的描述，瀏覽器可以知道該元素如何顯示，需要使用什么顏色、寬度、大小等信息。
👸小媛：啊？！不懂，那這個 HTML 是編程吧？😁
🐶1_bit：不是的喲~ HTML 并不是編程語言，HTML 是一種描述性的語言，通過對指定內容進行描述，或者說是標記，那么該元素就可以通過這個標記在瀏覽器中顯示這個標記特定的呈現形式。
👸小媛：我覺得你需要跟我講解示例我才能清楚你說的編排是什么意思。
🐶1_bit：行吧，我們接下來就用示例給你看一下吧。
二、元素
🐶1_bit： 首先你需要知道一點，一個 Web 頁面一般情況下是通過 HTML 語言對需要顯示的文本進行描述，從而生成（當然可以不用進行描述）。
👸小媛：明白了，你的意思就是一個網頁就是通過 HTML 對一些文本進行標記，然后就顯示成那個樣子了對吧？😥
🐶1_bit： 是的。例如現在有一個文本為 “這是我的第一個 HTML 知識點”，我們需要使用這個文本，在網頁中用作標題的樣式進行顯示，那該如何去做呢？
👸小媛：怎么做？
🐶1_bit： 先給你直接看下這個語言怎么寫，等下我們直接創建一個 HTML 文件。我們需要標記這個文本，需要使用到一個標題的標簽（標記），對這個文本進行標記即可，例如如下代碼示例：
<h1>這是我的第一個 HTML 知識點</h1>👸小媛：明白來，就是把這個文本放到一個特定的標簽之間就可以了吧？
🐶1_bit： 是的，以上示例語言中，<h1> 與 </h1> 是一對標簽，其中 <h1> 是頭部標簽，帶有斜桿的 </h1> 是結束標簽，所需要使用標題標簽 <h1></h1> 進行描述的語言，只需要放在<h1> 與</h1>之間即可。那么這整一段如上的語言示例，叫做元素，整個網頁就是用這些元素組成的。
👸小媛：唔，明白了。
三、開始編寫一個 html
👸小媛：那我怎么去編寫一個 html 網頁呢？😥
🐶1_bit： 編寫網頁很簡單，直接在計算機桌面創建一個文本文件就可以了。
👸小媛：你確定？😩
🐶1_bit：當然還有別的步驟。我們接下來打開這個文本，在里面輸入你想輸入的內容。例如在這里我們輸入 “這是 csdn 1_bit blog:blog.csdn.net\A757291228”。
👸小媛：然后呢？我覺得你這樣做一點都不要靠譜的感覺。
🐶1_bit：接下來我們直接另存為這個文本后綴為 HTML 格式就可以了。
👸小媛：ヾ(≧O≦)〃嗷~，明白了。你是另存為一個 html 文件，保存類型一定要選擇所有文件，然后在名字后面加個 .html 作為后綴名這樣就成為來一個網頁文件了。
🐶1_bit：是的，明白了吧，這個時候你可以打開網頁看一下，看看有什么內容。
👸小媛：打開了，這個時候將會出現文本。
🐶1_bit：這樣就完成了一個基本網頁的制作。
👸小媛：我覺得好敷衍呀。😩
🐶1_bit：沒有呀，這是第一節，先了解了解，接下來我們繼續進行詳細的講解。
👸小媛：你說了算。
總結
以上是生活随笔為你收集整理的保姆级的HTML零基础教程少见吧？这是第一节（1）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 我让代码生了个孩子继承了他爸爸谁知他爸爸
- 下一篇： 一个基础的 HTML 文档有哪些标签？（