1、HTML 初步认识
生活随笔
收集整理的這篇文章主要介紹了
1、HTML 初步认识
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSDN(csdn.com)</title> </head> <body><h1>HTML教程</h1><p>今天開始學(xué)習(xí)HTML,為期一個(gè)星期。</p></body> </html>效果入下圖:
實(shí)例解析
- <!DOCTYPE html>?聲明為 HTML5 文檔
- <html>?元素是 HTML 頁面的根元素
- <head>?元素包含了文檔的元(meta)數(shù)據(jù),如?<meta charset="utf-8">?定義網(wǎng)頁編碼格式為?utf-8。
- <title>?元素描述了文檔的標(biāo)題
- <body>?元素包含了可見的頁面內(nèi)容
- <h1>?元素定義一個(gè)大標(biāo)題
- <p>?元素定義一個(gè)段落
注:在瀏覽器的頁面上使用鍵盤上的 F12 按鍵開啟調(diào)試模式,就可以看到組成標(biāo)簽。
什么是HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
- HTML 指的是超文本標(biāo)記語言:?HyperText?Markup?Language
- HTML 不是一種編程語言,而是一種標(biāo)記語言
- 標(biāo)記語言是一套標(biāo)記標(biāo)簽?(markup tag)
- HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
- HTML 文檔包含了HTML?標(biāo)簽及文本內(nèi)容
- HTML文檔也叫做?web 頁面
HTML 網(wǎng)頁結(jié)構(gòu)
下面是一個(gè)可視化的HTML頁面結(jié)構(gòu):
?注意:<head>部分是用于告訴瀏覽器這個(gè)網(wǎng)頁的一些屬性。只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。
HTML 編輯器推薦
可以使用專業(yè)的 HTML 編輯器來編輯 HTML,教程為大家推薦款常用的編輯器:
- VS Code:https://code.visualstudio.com/
VS Code
Visual Studio Code(簡稱 VS Code)是一個(gè)由微軟開發(fā),同時(shí)支持 Windows 、 Linux 和 macOS 等操作系統(tǒng)且開放源代碼的代碼編輯器,編輯器中內(nèi)置了擴(kuò)展程序管理的功能。我們接下去將全部使用VS。
?
總結(jié)
以上是生活随笔為你收集整理的1、HTML 初步认识的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: void *变量用法
- 下一篇: html5游戏暂停按钮,HTML5 圆形