什麼是HTML?

来源:https://www.cnblogs.com/w3uu/archive/2018/08/10/9452904.html
-Advertisement-
Play Games

什麼是HTML?HTML是一種標準的標記語言,用這種語言可以創建web頁面。 HTML是一種超文本標記語言HTML使用一些標記來描述頁面的結構HTML中的元素(elements)是構建頁面的基礎HTML用標簽(tags)代表網頁元素各種不同的標簽(如頭部標簽,表格標簽,圖片標簽)彼此分工又相互組合, ...


什麼是HTML?
HTML是一種標準的標記語言,用這種語言可以創建web頁面。

HTML是一種超文本標記語言
HTML使用一些標記來描述頁面的結構
HTML中的元素(elements)是構建頁面的基礎
HTML用標簽(tags)代表網頁元素
各種不同的標簽(如頭部標簽,表格標簽,圖片標簽)彼此分工又相互組合,構成了多彩的web世界
瀏覽器並不會將標簽展示出來,我們所看到的HTML頁面都是標簽渲染之後的結果
一個簡單的HTML實例
HTML實例
<!DOCTYPE html>
<html>
<head>
<title>頁面標題</title>
</head>
<body>

<h1>我是h1標簽</h1>
<p>我是段落</p>

</body>
</html>
嘗試一下

實例解析
<!DOCTYPE html>描述了當前頁面的文檔類型為HTML5
<html>標簽是是整個HTML頁面的根元素
<head>標簽是頭標簽,裡面通常包含<meta>標簽(該標簽可以向瀏覽器提供一些元數據)
<title>標簽描述了當前頁面的標題,通常會在瀏覽器的選項卡裡顯示
<h1>標簽定義了一級標題的內容
<p>標簽定義了文章段落的內容
HTML標簽
HTML標簽是由標簽名和箭頭括弧包裹起來的一個元素塊,裡面可以填充一些內容或者嵌套其他標簽

<標簽名>我是內容</標簽名>
一般來說HTML標簽總是成雙成對出現,諸如<p></p>
第一個標簽我們稱為起始標簽,第二個標簽我們稱為結束標簽
結束標簽的寫法和起始標簽一樣,只不過會在箭頭括弧內,標簽名前加上一個正斜杠
瀏覽器和HTML的關係
瀏覽器的主要工作是讀取HTML文件並將頁面展示出來。

瀏覽器並不展示HTML標簽,而是根據HTML文件提供的標簽來決定如何渲染頁面。

HTML頁面結構
如下為html頁面的通用結構:

<html>

<head>
<title>標題</title>
</head>

<body>

<h1>一級標題</h1>
<p>文章段落1</p>
<p>文章段落2</p>

</body>

</html>
註意:只有在<body></body>標簽中的內容才會展示在瀏覽器中。

<!DOCTYPE>聲明的作用
<!DOCTYPE>告訴瀏覽器當前頁面的文檔類型,瀏覽器根據該聲明來正確地描述頁面。

一個HTML頁面只能出現一次<!DOCTYPE>聲明,並且該聲明必須置於頁面頂部。

<!DOCTYPE>大小寫通用,開發者可以寫成<!doctype>。

HTML版本
下表羅列了HTM的版本信息:

版本 年份
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014


原文鏈接:
www.w3uu.com/intro/base/html-tutorial.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Android7.0提供新功能以提升性能、生產效率和安全性。 關於Android N的性能改進,Android N建立了先進的圖形處理Vulkan系統,能少的減少對CPU的占用。與此同時,Android N加入了JIT編譯器,安裝程式快了75%,所占空間減少了50%。 在安全性上,Android N ...
  • 測試移動端頁面的時候,偶然發現點擊底部input輸入框時,彈出的虛擬鍵盤偶爾會擋住input輸入框。 輸入框固定在頁面底部,如圖所示: input固定底部設計圖.png 點擊底部input輸入框喚起軟鍵盤時,軟鍵盤擋住輸入框。如圖所示: 點擊input鍵盤擋住圖.png 測試過多台真機發現安卓的手機 ...
  • iOS崩潰日誌ips文件解析 一 簡介 測試組的同事在進行穩定性測試時,通常會遇到一些崩潰,然後他們會將這些崩潰日誌(一般是ips格式的文件)反饋給開發進行分析,但是這些ips文件中的內容通常是如下圖這樣的,都是一些十六進位的堆棧地址,如果僅僅根據這些堆棧地址,我們基本無法做任何事情,連最基本的崩潰 ...
  • 既接到電話狀態監聽的需求之後再次添加了截屏狀態的監聽,當使用 App 時若用戶執行截屏操作需要對當前狀態進行監聽操作,下麵有兩種方法,其中可以替換截屏的圖片內容(Plan A),也可以彈出提示框(Plan B),廢話不多說步驟如下. 此次分享到此結束,希望內容能對大家實際有所幫助,有什麼不足之處歡迎 ...
  • 前言 init進程,它是一個由內核啟動的用戶級進程,當Linux內核啟動之後,運行的第一個進程是init,這個進程是一個守護進程,確切的說,它是Linux系統中用戶控制項的第一個進程,所以它的進程號是1。它的生命周期貫穿整個linux 內核運行的始終, linux中所有其它的進程的共同始祖均為init ...
  • 1. ctrl + shift + n: 打開工程中的文件,目的是打開當前工程下任意目錄的文件。 2. ctrl + j: 輸出模板 3. ctrl + b: 跳到變數申明處 4. ctrl + alt + T: 圍繞包裹代碼(包括zencoding的Wrap with Abbreviation) ...
  • 一,效果圖。 二,代碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html標題</title> </head> <body> <!--標題--> <h1>這是標題h1</h1> <h2>這是標題h2</h2> <h3>這 ...
  • 本節列舉了一些簡單的HTML例子,幫助大家更感性地認識HTML標簽。是不是對一些標簽還不熟悉?別擔心,後面幾個章節會有詳細說明,先跑幾個例子看看效果吧。 HTML文檔相關標簽所有HTML文檔必須以<!DOCTYPE html>聲明開頭。 HTML文檔則以<html>開頭,以</html>結尾。 HT ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...