整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          2分鐘了解 HTML 的基本結構和語法規則

          TML 是一種標記語言,用于創建網頁和應用程序。它的基本結構由以下三個部分組成:

          • 文檔類型聲明(doctype declaration),用來告訴瀏覽器文檔的版本和規范。它以 <!DOCTYPE html> 開頭,表示文檔遵循 HTML5 標準。
          • html 標簽(html tag),用來包含整個文檔的內容。它以 <html> 開始,以 </html> 結束。它還可以包含一個 lang 屬性,用來指定文檔的主要語言。
          • head 和 body 標簽(head and body tags),用來分別包含文檔的元數據(metadata)和可見內容(visible content)。head 標簽以 <head> 開始,以 </head> 結束。它可以包含一些不顯示在網頁上的信息,比如標題、字符集、樣式表等。body 標簽以 <body> 開始,以 </body> 結束。它可以包含一些顯示在網頁上的內容,比如文本、圖片、視頻、表單等。

          一個 HTML 的基本結構示例如下:

          HTML(HyperText Markup Language,中文:超文本標記語言)是一種用于創建網頁結構和內容的標記語言。它由一系列標簽組成,這些標簽描述了網頁中的各個元素和其它相關信息。通過使用HTML標簽和屬性,開發人員可以定義文本、圖像、鏈接、表格、表單等元素,并控制它們的外觀和行為。本文主要介紹HTML的基本概念、歷史背景和用途。


          參考文檔:https://www.cjavapy.com/article/3297/


          HTML實例:


          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>CJAVAPY編程之路(cjavapy.com)</title>
          </head>
          <body>
           
          <h1>我的第一個標題</h1>
           
          <p>我的第一個段落。</p>
           
          </body>
          </html>


          HTML文檔的后綴名可以是.html或.htm,都可以使用,沒有區別。


          注意:對于中文網頁需要使用<meta charset="utf-8"> 聲明編碼,否則會出現亂碼。有些瀏覽器(如 360 瀏覽器)會設置 GBK 為默認編碼,則你需要設置為<meta charset="gbk"> 。


          1、HTML的基本概念


          1)標簽(Tag)


          HTML使用標簽來定義網頁中的各個元素。標簽通常以尖括號< >的形式出現,如<p>表示段落,<img>表示圖像等。標簽可以包含屬性,用于提供額外的信息或控制元素的行為。


          2)元素(Element)


          一個完整的HTML元素由開始標簽、內容和結束標簽組成。例如,<p>這是一個段落</p>就是一個完整的段落元素。


          3)屬性(Attribute)


          HTML標簽可以具有屬性,用于提供元素的額外信息或控制元素的行為。屬性以鍵值對的形式出現,例如<img src="image.jpg">中的src屬性指定了圖像的源文件。


          4)文檔結構


          一個HTML文檔由<html>、<head>和<body>等標簽組成。其中,<html>標簽用于定義整個HTML文檔的根元素,<head>標簽用于定義文檔的頭部信息,如標題和樣式表鏈接,<body>標簽用于定義文檔的主體內容。


          5)塊級元素和內聯元素


          HTML元素可以被分類為塊級元素和內聯元素。塊級元素以塊的形式顯示,獨占一行或一塊空間,如<p>、<div>等。內聯元素以行內的方式顯示,不會獨占一行,如<span>、<a>等。


          6)嵌套


          HTML元素可以嵌套在其他元素內部,形成一個層次結構。例如,<div>元素可以包含<p>元素,<p>元素可以包含<span>元素。


          7)<!DOCTYPE> 聲明


          HTML文檔的開頭通常會包含一個DOCTYPE聲明,用于指定文檔的HTML版本。


          例如:


          <!DOCTYPE html>
          <!DOCTYPE HTML>
          <!doctype html>
          <!Doctype Html>


          2、HTML與Web 瀏覽器


          HTML(HyperText Markup Language)是一種用于創建網頁結構和內容的標記語言,而Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于顯示和解釋HTML文檔的應用程序。Web瀏覽器通過解析HTML文檔,將其轉換為可視化的網頁。瀏覽器會讀取HTML文檔中的標簽和內容,并根據這些標簽和內容的定義,渲染出網頁的結構和樣式。HTML提供了各種標簽和屬性,用于定義文本、圖像、鏈接、表格、表單等在網頁中的展示和交互方式。瀏覽器在解析HTML時,會根據標簽和屬性的定義,將文本顯示為段落、標題或其他格式,顯示圖像、鏈接,并響應用戶的交互操作。


          通過HTML和Web瀏覽器的結合,用戶可以在瀏覽器中訪問和瀏覽各種網頁內容,包括網頁文本、圖像、視頻、音頻等多媒體元素,并與網頁進行交互,如點擊鏈接、填寫表單、提交數據等。


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


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


          3、HTML版本及歷史背景


          HTML有多個版本,每個版本都有不同的特性和改進。


          版本

          發布時間

          HTML

          1991

          HTML+

          1993

          HTML 2.0

          1995

          HTML 3.2

          1997

          HTML 4.01

          1999

          XHTML 1.0

          2000

          HTML5

          2014


          1)HTML 1.0


          HTML 1.0是最早的HTML版本,于1993年發布。它只包含一些基本的標簽和屬性,用于創建簡單的文本和鏈接。HTML 1.0的目標是定義一種通用的超文本標記語言。


          2)HTML 2.0


          HTML 2.0于1995年發布,是對HTML 1.0的改進和擴展。它引入了一些新的標簽和屬性,如圖像標簽和表格標簽,以支持更豐富的內容展示。


          3)HTML 3.2


          HTML 3.2于1997年發布,是對HTML 2.0的進一步改進。它引入了一些新的標簽和屬性,如表單標簽和框架標簽,以支持交互性和頁面布局。


          4)HTML 4.01


          HTML 4.01于1999年發布,是對HTML 3.2的修訂和擴展。它引入了更多的標簽和屬性,如層標簽和樣式表,以支持更靈活的頁面設計和樣式控制。


          5)XHTML 1.0


          XHTML(eXtensible HyperText Markup Language)是基于XML的HTML版本。XHTML 1.0于2000年發布,它嚴格遵循XML的語法規則,要求所有標簽和屬性都要正確嵌套和閉合。


          6)HTML5


          HTML5是HTML的最新版本,于2014年正式發布。HTML5引入了許多新的特性和API,如語義化標簽、多媒體支持、Canvas繪圖、本地存儲等。HTML5還支持響應式設計,以適應不同設備和屏幕尺寸。


          4、HTML用途


          HTML是構建網頁結構和內容的基礎語言,它提供了豐富的標簽和屬性,使得開發者可以創建各種類型的網頁,并實現不同的功能和效果。HTML用于定義網頁的整體結構,包括標題、段落、列表、標題、導航菜單等元素。通過使用不同的HTML標簽和屬性,可以將文本、圖像、音頻、視頻等內容組織起來,并構建頁面的層次結構。HTML可以用于展示文本內容和多媒體元素,如圖像、音頻和視頻。通過使用適當的HTML標簽和屬性,可以插入和顯示各種類型的媒體內容,從而使網頁更加豐富和吸引人。HTML提供了創建表單的標簽和元素,可以用于收集用戶的輸入數據。通過使用表單元素如文本框、復選框、單選按鈕和下拉列表等,用戶可以輸入數據并提交給服務器進行處理。


          參考文檔:https://www.cjavapy.com/article/3297/

          頁開發者今天談論的是框架、核心、網絡應用程序和集成, 但是他們幾乎沒有為所有這些都是基于 HTML 的語言留下一個詞語。 自從萬維網誕生以來, 超文本標記語言就一直和我們在一起, 并且與互聯網一起進化, 提供了一種簡單易用的網頁創建方式。 沒有他們, 就沒有網站可以存在——即使是那些完全用 Flash 構建的網站(當時有相當多的網站)需要它來嵌入他們的互動動畫。 無處不在, 從谷歌搜索結果到移動網絡應用。 現在, 在第一次實施25年之后, 讓我們簡單地回顧一下它的歷史。

          HTML

          超文本標記語言最早是由著名的萬維網發明家蒂莫西 · 約翰 ·"蒂姆"· 伯納斯-李爵士首次提出。 他基于 SGMLguid 構建了這個簡單的標記語言, 這是歐洲核子研究委員會內部使用的標準文檔格式。 第一個公開的語言描述只包含了18個元素, 除了超鏈接標簽, 所有這些元素都受到 SGMLguid 的啟發。

          今天可用的最早的 HTML 文檔有以下代碼:

          標準

          第一個關于 HTML 規范的提案是1993年中期由 Berners-Lee 和 Dan Connolly 提出的一個名為"超文本標記語言"的網頁草案, 于1993年中期出版, 因此這是正式生成這種語言的時候。 這個草案連同1994年到期的 HTML + 草案, 直到1995年因特網工程工作隊(IETF)完成了"HTML 2.0"規范。 從那時起, 事情發生了很快的一段時間-HTML 3.2于1997年1月發布, 接著是同年12月的 HTML 4.0。 一年之后, W3C 發布了 HTML 4.01規范, 這些仍然是這種語言十多年來唯一的版本。

          HTML5

          Html5是自1999年 HTML 4.01版本發布以來對 HTML 規范的第一次重大改革——正如許多人所說的那樣, 終于在1999年發布了 HTML 4.01。 這也給瀏覽器的標記提供方式帶來了嚴重的變化, 這些改變早就應該發生了。 除其他外, 它還增加了一種本地處理多媒體和圖形內容的方法, 并且增加了新的頁面結構元素, 以增強文檔的語義內容。

          5.0成為2014年的一個推薦, HTML 5.1在2016年遭遇了同樣的命運, HTML 5.2在2017年12月14日作為 W3C推薦標準發布。 這就是我們今天的立場。


          主站蜘蛛池模板: 韩国精品福利一区二区三区| 人妻无码一区二区三区免费| 日韩国产免费一区二区三区| 亚洲AV无码一区二区乱子伦| 99精品国产一区二区三区不卡| 无码国产精品一区二区免费16| 日韩一区二区超清视频| 日韩人妻无码一区二区三区久久99 | 蜜桃传媒一区二区亚洲AV| 久久国产精品免费一区| 精品香蕉一区二区三区| 日韩av无码一区二区三区| 国偷自产av一区二区三区| 日本精品一区二区三区四区| 波多野结衣一区二区| 亚洲AV一区二区三区四区| 国产在线一区二区| 亚洲熟妇av一区二区三区漫画| 亚无码乱人伦一区二区| 亚洲av无码一区二区三区天堂| 无码人妻一区二区三区免费看| 日本精品一区二区三区视频| 精品无人乱码一区二区三区| 日本免费一区二区三区四区五六区 | 无码国产精品一区二区免费3p| 免费无码AV一区二区| 国产精品一区二区三区高清在线| 精品伦精品一区二区三区视频| 亚洲福利视频一区| 亚洲AV无码一区二区三区性色| 无码一区二区三区AV免费| 一区二区无码免费视频网站| 人妻AV中文字幕一区二区三区| 国产成人一区二区三区在线观看 | 日本不卡一区二区视频a| 国产精品日本一区二区在线播放| 久久99精品国产一区二区三区| 中文字幕精品亚洲无线码一区应用 | 日本精品一区二区三区四区| 国产激情无码一区二区| 色综合久久一区二区三区|