初入前端-HTML

来源:https://www.cnblogs.com/fx666/archive/2023/06/29/17514570.html
-Advertisement-
Play Games

## HTML ### HTML歷史 HTML(Hypertext Markup Language)的歷史可以追溯到上世紀90年代初,以下是HTML的主要歷史階段: 1. HTML 1.0:在1991年發佈,是HTML的最初版本,用於創建基本的文本和鏈接結構,但功能有限。 2. HTML 2.0:於 ...


HTML

HTML歷史

HTML(Hypertext Markup Language)的歷史可以追溯到上世紀90年代初,以下是HTML的主要歷史階段:

  1. HTML 1.0:在1991年發佈,是HTML的最初版本,用於創建基本的文本和鏈接結構,但功能有限。

  2. HTML 2.0:於1995年發佈,引入了一些新的功能和標記,如表格、圖像和表單元素。這是互聯網早期網頁的基本標準。

  3. HTML 3.2:於1997年發佈,是HTML的重要更新,引入了更多的標記和功能,如框架、背景圖像和表單驗證。

  4. HTML 4.01:於1999年發佈,進一步擴展了HTML的功能和標記集。它包括了樣式表(CSS)的集成,支持複雜的佈局和樣式化。

  5. XHTML(Extensible HTML):XHTML於2000年發佈,是對HTML的嚴格化和模塊化的版本。它是基於XML(可擴展標記語言)的HTML,強調文檔的結構和語法的規範性。

  6. HTML5:HTML5是在2014年成為W3C推薦標準的最新版本。它引入了許多新的功能和API,如語義化元素。

HTML5還支持響應式設計、跨平臺相容性和更好的語義化標記。它提供了更多的靈活性和交互性,使開發人員能夠創建更豐富、動態和可訪問的網頁和應用程式。

隨著互聯網的發展和技術的進步,HTML仍在不斷演化和發展。新的HTML版本和規範不斷出現,以滿足不斷變化的需求和技術挑戰,提供更好的用戶體驗和開發體驗。

HTML介紹

HTML(超文本標記語言)是用於創建網頁和應用程式的標準標記語言。它提供了網頁內容的結構和格式,定義了元素的顯示和組織方式。

HTML文檔由一系列用尖括弧(< >)括起來的標簽組成。標簽用於定義文檔中的不同元素及其屬性。以下是一個基本的HTML結構示例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>頁面標題</title>
</head>
<body>
    <!-- 在這裡編寫網頁內容 -->
</body>
</html>

讓我們逐步解釋每個部分的作用:

  1. <!DOCTYPE html>:這是HTML5的文檔類型聲明,用於指示文檔使用HTML5規範解析。

  2. <html><html>標簽是HTML文檔的根元素,它包含了整個HTML文檔的內容。

  3. <head><head>標簽定義了文檔的頭部,其中包含了關於文檔的元數據和引用的外部資源,如標題、樣式表和腳本等。

  4. <meta charset="UTF-8"><meta>標簽用於設置文檔的字元編碼,這裡指定為UTF-8,以支持更廣泛的字元集。

  5. <title><title>標簽定義了網頁的標題,顯示在瀏覽器的標題欄或標簽頁上。

  6. <body><body>標簽包含了HTML文檔的主體內容,包括文本、圖像、鏈接和其他元素等。在這個標簽中編寫網頁的實際內容。

這是一個基礎的HTML文檔結構,你可以在<body>標簽中添加各種HTML標簽和內容,來構建你的網頁。

常見標簽

  1. <html>:定義HTML文檔的根元素。
  2. <head>:定義HTML文檔的頭部,包含了文檔的元數據(如標題、樣式表、腳本等)。
  3. <title>:定義網頁的標題,顯示在瀏覽器的標題欄或標簽頁上。
  4. <body>:定義HTML文檔的主體內容。
  5. <h1><h6>:定義標題,按重要性遞減,<h1>是最高級別的標題。
  6. <p>:定義段落,用於包裹一段文本。
  7. <a>:定義鏈接,創建一個指向其他網頁、文件或位置的超鏈接。
  8. <img>:定義圖像,用於在網頁中插入圖片。
  9. <ul>:定義無序列表,用於顯示項目的列表,項目以符號(通常是圓點)表示。
  10. <ol>:定義有序列表,用於顯示按順序排列的項目,項目以數字或字母表示。
  11. <li>:定義列表中的每個項目。
  12. <table>:定義表格,用於顯示數據的網格。
  13. <tr>:定義表格中的行。
  14. <td>:定義表格中的單元格。
  15. <div>:定義文檔中的塊級元素容器,用於組織和樣式化內容。
  16. <span>:定義文檔中的行內元素容器,用於對文本進行樣式化或標記。
  17. <form>:定義用於收集用戶輸入的表單。
  18. <input>:定義表單中的輸入欄位,例如文本框、覆選框等。
  19. <button>:定義按鈕,用於觸發特定的操作或事件。
  20. <script>:定義客戶端腳本,通常用於添加交互性和動態功能。

這些只是HTML標簽中的一部分,還有很多其他標簽可用於創建不同類型的內容和功能。


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

-Advertisement-
Play Games
更多相關文章
  • 時下,眾多金融機構在積極推行數字化改革,以適應時代高速革新。為回應市場對信息即時生效的迫切需求,各家[券商機構](https://www.dtstack.com/solution/securities?src=szsm)都需要更具競爭力的信息服務。 本次方案結合券商場景與業務實踐,圍繞客戶實際面臨的 ...
  • 衛健行業是關乎國家和民生安全的關鍵行業。近年來,雲計算、大數據、人工智慧等技術不斷發展,並與醫療行業深入融合。同時,相關部門相繼頒發一系列政策,進一步推動醫療行業數字化、智慧化轉型,促進探索健康中國高質量發展道路。 ...
  • #其他預設調整值#MySQL Server實例配置文件# #由MySQL Server實例配置嚮導生成###安裝說明# ##在Linux上,您可以將此文件複製到/etc/my.cnf以設置全局選項,#mysql-data-dir/my.cnf設置伺服器特定選項(用於此安裝的@localstatedi ...
  • ## 索引失效 ### 準備數據: ```sql CREATE TABLE `dept` ( `id` INT(11) NOT NULL AUTO_INCREMENT, `deptName` VARCHAR(30) DEFAULT NULL, `address` VARCHAR(40) DEFAUL ...
  • 博客推行版本更新,成果積累制度,已經寫過的博客還會再次更新,不斷地琢磨,高質量高數量都是要追求的,工匠精神是學習必不可少的精神。因此,大家有何建議歡迎在評論區踴躍發言,你們的支持是我最大的動力,你們敢投,我就敢肝 ...
  • 一、資料庫常規概念 1、什麼是資料庫 資料庫是“按照數據結構來組織、存儲和管理數據的倉庫”。 2、有哪些常見的資料庫管理系統 關係型資料庫:存儲的數據是表結構的數據 ​ MySQL Oracle SQLServer DB2 SQLite ​ 非關係型資料庫:存儲的是鍵值對形式的數據 ​ redis ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 風格設置 載入地圖 使用AMapLoader.load載入地圖,從 控制台 申請一個屬於自己的key import AMapLoader from '@amap/amap-jsapi-loader'; ... const AMap = a ...
  • 為了提高研發效率,經過技術選型採用了taro3+原生混合開發模式,本文主要講解我們是如何基於taro框架,進行多端能力的探索和性能優化。 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...