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