什么是 HTML?

HTML 是用來描述網頁的一種語言。

  • HTML 指的是超文本標記語言:?HyperText?Markup?Language
  • HTML 不是一種編程語言,而是一種標記語言
  • 標記語言是一套標記標簽?(markup tag)
  • HTML 使用標記標簽來描述網頁
  • HTML 文檔包含了HTML?標簽文本內容
  • HTML文檔也叫做?web 頁面

HTML 標簽

HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

  • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
  • HTML 標簽通常是成對出現的,比如 <b> 和 </b>
  • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
  • 開始和結束標簽也被稱為開放標簽閉合標簽

<標簽>內容</標簽>

?


HTML 元素

"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.

但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:

HTML 元素:

<p>這是一個段落。</p>

?


Web 瀏覽器

Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。

瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:


HTML 網頁結構

下面是一個可視化的HTML頁面結構:

<html><head>

<title>頁面標題</title>

</head><body>

<h1>這是一個標題</h1>

<p>這是一個段落。</p>

<p>這是另外一個段落。</p>

</body></html>

?

只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。

?


HTML版本

從初期的網絡誕生后,已經出現了許多HTML版本:

版本發布時間
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

?


<!DOCTYPE> 聲明

<!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。

網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。

doctype 聲明是不區分大小寫的,以下方式均可:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>


通用聲明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看完整網頁聲明類


中文編碼

目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8 或 GBK。

HTML 實例

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 頁面標題</title> </head> <body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body> </html>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/73406.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/73406.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/73406.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【Hadoop】Hadoop的簡要介紹

Hadoop是一個由Apache基金會所開發的分布式系統基礎架構&#xff0c;主要用于解決海量數據的存儲及分析計算問題。以下是對Hadoop的詳細介紹&#xff1a; 目錄 一、Hadoop的起源與發展 二、Hadoop的核心組件 1.HDFS&#xff1a; 2.MapReduce&#xff1a; 3.YARN&#xff…

如何用AI制作PPT,輕松實現高效演示

如何用AI制作PPT&#xff0c;輕松實現高效演示&#xff01;在今天這個快節奏的時代&#xff0c;我們的工作方式越來越依賴智能工具。而當涉及到演示文稿時&#xff0c;傳統的PPT制作方式往往繁瑣且耗時。很多人一提到制作PPT就頭大&#xff0c;特別是在內容需要多次修改、調整布…

Canoe Panel基礎功能介紹

文章目錄 一、新建 Panel 面板二、添加 Panel 面板三、刪除 Panel 面板四、Panel視圖&#xff08;views&#xff09;五、控件布局1. 對齊布局2. 控件大小布局 六、Panel 屬性設置1. 設置背景色和背景圖片2. 調整 Panel 畫布大小 提示&#xff1a;如何使用 Panel 面板參考 CANoe…

超聲重建,3D重建 超聲三維重建,三維可視化平臺 UR 3D Reconstruction

1. 超聲波3D重建技術的實現方法與算法 技術概述 3D超聲重建是一種基于2D超聲圖像生成3D體積數據的技術&#xff0c;廣泛應用于醫學影像領域。通過重建和可視化三維結構&#xff0c;3D超聲能夠顯著提高診斷精度和效率&#xff0c;同時減少醫生的腦力負擔。本技術文檔將詳細闡述…

2.2 企業級ESLint/Prettier規則定制

文章目錄 1. 為什么需要企業級代碼規范2. 工具選型對比3. 完整配置流程3.1 項目初始化3.2 ESLint深度配置3.3 Prettier精細配置3.4 解決規則沖突4. 高級定制方案4.1 自定義ESLint規則4.2 擴展Prettier插件5. 團隊協作策略5.1 配置共享方案5.2 版本控制策略6. CI/CD集成7. 常見問…

QT創建項目(項目模板、構建系統、選擇類、構建套件)

1. 項目模版 項目類型界面技術適用場景核心依賴模塊開發語言Qt Widget ApplicationC Widgets傳統桌面應用&#xff08;復雜控件&#xff09;Qt WidgetsCQt Console Application無 GUI命令行工具、服務Qt CoreCQt Quick ApplicationQML/Quick現代跨平臺應用&#xff08;動畫/觸…

oracle11.2.0.4 RAC 保姆級靜默安裝(二) DB數據庫軟件

1.響應文件配置 [rootdb11g1 software]# su - oracle [oracledb11g1 ~]$ cd /software/database/ [oracledb11g1 database]$ cd response/ [oracledb11g1 response]$ vi db_install.rsp oracle.install.optionINSTALL_DB_SWONLY ORACLE_HOSTNAMEdb11g1 UNIX_GROUP_NAME…

日語學習-日語知識點小記-構建基礎-JLPT-N4N5階段(22):給與和得到相關用法

日語學習-日語知識點小記-構建基礎-JLPT-N4&N5階段(22):給與和得到相關用法 1、前言(1)情況說明(2)工程師的信仰2、知識點(1) あげます :給(2)もらいます(いただきます) 得到。(3) くれました :主要是給我。3、單詞(1)日語單詞(2)日語片假名…

Qt5中視口(ViewPort)與窗口(Window)

在Qt中&#xff0c;setViewport和setWindow是用于控制坐標系映射的核心方法&#xff0c;二者共同決定了繪圖邏輯與物理設備之間的轉換關系。以下是關鍵點總結&#xff1a; ?1. 視口&#xff08;Viewport&#xff09;與窗口&#xff08;Window&#xff09;的核心區別? ?視口…

迪威 3D 模型發布系統:制造業產品展示革新利器

在競爭激烈的制造業領域&#xff0c;如何將產品全方位、直觀地呈現給客戶&#xff0c;成為企業脫穎而出的關鍵。傳統的產品展示方式往往受限于平面資料或有限的實物展示&#xff0c;難以讓客戶深入了解產品的復雜結構與精妙細節。迪威 3D 模型發布系統的問世&#xff0c;為制造…

EasyCVR安防視頻匯聚平臺助力工業園區構建“感、存、知、用”一體化智能監管體系

在現代工業園區的安全管理和高效運營中&#xff0c;視頻監控系統扮演著不可或缺的角色。然而&#xff0c;隨著園區規模的擴大和業務的復雜化&#xff0c;傳統的視頻監控系統面臨著諸多挑戰&#xff0c;如設備眾多難以統一管理、數據存儲分散、智能分析能力不足、信息利用率低下…

解決 Redis 后臺持久化失敗的問題:內存不足導致 fork 失敗

文章目錄 解決 Redis 后臺持久化失敗的問題&#xff1a;內存不足導致 fork 失敗問題背景與成因解決方案修改內核參數 vm.overcommit_memory增加系統內存或 Swap 空間調整 Redis 配置 stop-writes-on-bgsave-error 在 Docker 環境中的注意事項總結 解決 Redis 后臺持久化失敗的問…

反射、反射調用以及修改成員變量,成員方法,構造函數、反射的應用

DAY11.2 Java核心基礎 反射&#xff08;第二彈&#xff09; 第一彈請訪問鏈接&#xff1a; 反射&#xff08;第一篇&#xff09; getMethod(String name, Class… parameterTypes)getMethods()getDeclaredMethod(String name,Class… parameterTypes)getDeclaredMethods() …

【鴻蒙開發】Hi3861學習筆記- 外部中斷

00. 目錄 文章目錄 00. 目錄01. 概述02. EXTI相關API03. 硬件設計04. 軟件設計05. 實驗現象06. 附錄 01. 概述 我們在做按鍵控制實驗時&#xff0c;雖然能實現 IO 口輸入功能&#xff0c;但代碼是一直在檢測 IO 輸入口的變化&#xff0c;因此效率不高&#xff0c;特別是在一些…

使用 crontab 定時同步服務器文件到本地

https://www.dong-blog.fun/post/1987 1. 安裝 sshpass sshpass 是一個可以自動輸入密碼的工具。如果未安裝&#xff0c;運行以下命令安裝&#xff1a; ? 對于 Debian/Ubuntu 系統&#xff1a; apt update && apt install sshpass? 對于 CentOS/RHEL 系統&#xf…

反射機制的理解

一、getName 方法解析 代碼功能 public static String getName(String key) throws IOException {Properties properties new Properties();FileInputStream in new FileInputStream("D:\\路徑...\\application.properties");properties.load(in); // 加載配置文…

Visual studio + Qt 項目配置管理

Visual studio Qt 項目配置管理 1.本機順利安裝 vs 和 Qt 軟件 ? 并且設置好Qt 的環境變量比如 E:\Qt\Qt5.9.8\5.9.8\msvc2017_64\bin E:\Qt\Qt5.9.8\5.9.8\msvc2017_64\lib E:\Qt\Qt5.9.8\5.9.8\msvc2017_64\include //這里是你電腦上Qt的路徑&#xff0c;每臺電腦不一樣…

通過 Python 爬蟲提高股票選股勝率

此貼為Python爬蟲技術學習貼 在股票中&#xff0c;即便有了選股規則&#xff0c;從5000多只股票中篩選出符合規則的股票也是十分困難的&#xff0c;于是想通過爬蟲來實現自動化的快速選股。全文用GP代替股票 實現方案 1、指定兩套規則&#xff0c;第一套弱約束&#xff0c;第…

SpringCloud帶你走進微服務的世界

認識微服務 隨著互聯網行業的發展&#xff0c;對服務的要求也越來越高&#xff0c;服務架構也從單體架構逐漸演變為現在流行的微服務架構。這些架構之間有怎樣的差別呢&#xff1f; 單體架構 單體架構&#xff1a;將業務的所有功能集中在一個項目中開發&#xff0c;打成一個…

FastAPI復雜查詢終極指南:告別if-else的現代化過濾架構

title: FastAPI復雜查詢終極指南:告別if-else的現代化過濾架構 date: 2025/3/14 updated: 2025/3/14 author: cmdragon excerpt: 本文系統講解FastAPI中復雜查詢條件的構建方法,涵蓋參數驗證、動態過濾、安全防護等18個核心技術點。通過引入策略模式、聲明式編程等技術,徹…