整合營銷服務商

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

          免費咨詢熱線:

          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/

          為一名web前端開發工作人員或者草根站長經常會遇到瀏覽器兼容問題,這個時候css不精通的同學就十分的頭大。這里本站提供

          一款只有webkit核心瀏覽器的Chrome谷歌瀏覽器、safari蘋果瀏覽器識別的CSS hack

          Chrome和safari的CSS hack代碼,只有谷歌瀏覽器蘋果瀏覽器讀取CSS代碼:

          @media screen and (-webkit-min-device-pixel-ratio:0) {

          /* Webkit內核兼容CSS */

          }

          例子:

          @media screen and (-webkit-min-device-pixel-ratio:0) {

          .yangshi2{border:1px solid #f00;}

          }

          注:{ }內的寫法請參考普通css的寫法!

          除注明外的文章,均為來源:湯久生博客(QQ:1917843637),轉載請保留本文地址!

          日常網絡瀏覽過程中,常常會發現有趣且有益的網站,選擇收藏以備未來查閱。然而,收藏夾中的網頁有時會因為各種原因而無法連接,令人感到遺憾。

          將網頁剪切至云端筆記,雖然是一種方法,但其排版樣式、元素丟失以及同步速度慢等不足,使其顯得不夠便捷。相較之下,更為實用的方法是將其保存于本地硬盤,既能節省資源又便于后續管理。

          今天向您推薦一個網頁保存插件——SingleFile。此插件可幫助您將整個網頁(包括CSS、圖片、字體、框架等)保存為HTML文件。對于您感興趣的文章網頁等,均可進行離線保存,且采一頁一文件格式,即使是GIF圖也能夠完整保留。

          下載與安裝

          Google Chrome

          https://chrome.google.com/extensions/detail/mpiodijhokgodhhofbcjdecpffjipkle

          Microsoft Edge 瀏覽器

          在Microsoft Edge加載項中搜索"singlefle"即可

          https://microsoftedge.microsoft.com/addons/detail/singlefile/efnbkdcfmcmnhlkaijjjmhjjgladedno

          Mozilla Firefox 瀏覽器

          https://addons.mozilla.org/firefox/addon/single-file

          Apple Safari 瀏覽器

          https://apps.apple.com/us/app/singlefile-for-safari/id6444322545

          安裝步驟

          成功下載后,只需啟動插件并選擇您需要保存的網頁,點擊SingleFile按鈕便可完成操作。


          如果覺得單次保存過于繁瑣,可在網頁上右鍵點擊折疊工具欄上的SingleFile按鈕,選擇保存:當前標簽或所選內容,或者是所選的幀,甚至是一鍵保存多個選項卡。


          此外,還有自動保存功能。默認的保存路徑通常是瀏覽器配置的下載文件夾。您還可以自主選擇將網頁直接上傳至網盤,如GitHub、Google Drive或WebDAV云盤,讓珍藏的資源在云端管理得心應手。


          主站蜘蛛池模板: 波多野结衣一区二区三区aV高清| 亚洲精品伦理熟女国产一区二区| 亚洲日韩中文字幕一区| 国产成人无码精品一区不卡| 一区二区三区在线视频播放| 日本一区二区免费看| 无码人妻精品一区二区三区不卡| 在线观看国产一区| 国产一区中文字幕在线观看 | AV无码精品一区二区三区| 国产一区二区三区在线看片| 在线播放国产一区二区三区| 无码人妻精品一区二区蜜桃百度| 高清一区二区三区免费视频| 波多野结衣电影区一区二区三区 | 国产精品视频免费一区二区| 日本丰满少妇一区二区三区| 中文字幕一区二区三区5566| 九九久久99综合一区二区| 一区二区三区日本视频| 色综合一区二区三区| 尤物精品视频一区二区三区 | 国产成人综合亚洲一区| 亚洲色精品VR一区区三区| 久久4k岛国高清一区二区| 亚洲AV无码一区二区三区DV| 日本人真淫视频一区二区三区| 日本视频一区在线观看免费| 亚洲狠狠久久综合一区77777| 人妻体内射精一区二区三四| 91成人爽a毛片一区二区| 日本无卡码一区二区三区| 欧洲亚洲综合一区二区三区| 激情综合丝袜美女一区二区| 国产麻豆精品一区二区三区v视界 国产美女精品一区二区三区 | 国产精品视频一区| 一区二区三区无码高清视频| 精品一区二区在线观看| 亚洲AV无码一区二区三区网址 | 国产精品毛片VA一区二区三区| 无码人妻精品一区二区三区久久|