整合營銷服務商

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

          免費咨詢熱線:

          什么是HTML?

          .它是一種計算機(PC)的超文本標記語言(Hyper Text Markup Language),縮寫為HTML,HTML是一種標記語言(markup language),是制作網頁所必備的語言,語法較為松散,不嚴格的web語言;標簽可以不閉合,不區分大小寫。

          2.標記標簽通常被稱為HTML標簽,標簽由尖括號包圍的關鍵字組成,通常都是成對出現的,有開始標簽和結束標簽,如<html></html>。

          瀏覽器不會顯示html標簽(白話:瀏覽器只會顯示標簽里邊的內容),而是使用標簽來解釋頁面的內容。

          比如這一行代碼:<body>你好 </body>要放在<html></html>里邊,網頁只展示了你好 其他內容并沒有展示。


          代碼


          頁面


          以下資料均由自己的認知和資料整理所得:

          1989年,歐洲物理量子實驗室(CERN)的信息專家蒂姆·伯納斯·李發明了超文本鏈接語言, 使用此語言能輕松地將一個文件中的文字或圖形連到其它的文件中去,這就是HTML的前身。1991年,蒂姆伯·納斯·李在CERN定義了HTML語言的第一個規范,之后成為W3C組織為專門在互聯網上發布信息而設計的符號化語言規范??梢哉f,HTML(Hypertext Markup Language)是SGML的一個實例,它的DTD作為標準被固定下來。因此,HTML不能作為定義其它符號化語言的元語言。

            作為World Wide Web的一個組成部分,HTML語言發展很快,在短短的幾年里,它已歷經了HTML1.0、HTML2.0和HTML3.0、HTML4.0等多個版本,同時DHTML (動態)、VHTML(虛擬)、SHTML等也飛速發展起來。HTML以簡單精練的語法、極易掌握的通用性與易學性,使Web網頁可以親近于每一個普通人,互聯網因此得以普及發展以至今日輝煌。

          但是,目前的HTML還不穩定,不同的瀏覽器會產生不同的顯示效果。此外,由于HTML對超級鏈接支持不足,并缺乏空間立體描述,處理圖形、圖像、音頻、視頻等多媒體能力較弱,圖文混排功能簡單,不能表示多種媒體的同步關系等缺點,也影響HTML的大規模應用以及用于復雜的多媒體數據處理,一種語言各有各的優點和缺點。

          人們常常贊美蒂姆·伯納斯·李“與其他所有推動人類進程的發明不同,這是一件純粹個人的勞動成果,萬維網只屬于蒂姆·伯納斯·李一個人?!倍@個心懷浪漫、獻身科學的英國學者,卻將只屬于他一個人的發明,無償獻給了世界。

          一篇介紹了網頁的基本結構,那如何編寫網頁的內容? 前提是要學會HTML標簽的用法,本篇主要介紹HTML標簽是什么,如何學習,需要大概多長時間學習。

          本篇主要基于html5介紹,html5 是最新版的標準,之前的版本可以自己了解下。

          HTML 簡介

          HTML的英文全稱是Hyper Text Markup Language,直譯為超文本標記語言。它是全球廣域網上描述網頁內容和外觀的標準。HTML包含了一對打開和關閉的標記,在當中包含有屬性和值。標記描述了每個在網頁上的組件,例如文本段落、表格或圖像等。

          事實上,HTML是一種因特網上較常見的網頁制作標注性語言,而并不能算做一種程序設計語言,因為它缺少程序設計語言所應有的特征。HTML通過IE等瀏覽器的翻譯,將網頁中所要呈現的內容、排版展現在用戶眼前。

          一個html標簽基本結構如下:

          <標簽名稱  屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>

          有以下特點:

          1. 由尖括“<”、“>”號包圍的標記元素,比如 <html>和</html>就是一對標記。
          2. 通常是成對出現的,比如 <div> 和 </div>,也有單獨呈現的標簽,如:<img />、<input/>等。
          3. 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽;
          4. 一般成對出現的標簽,其內容在兩個標簽中間,如<h1>標題</h1>。單獨呈現的標簽,則在標簽屬性中賦值,如<input type="text" />。
          5. 網頁展示的內容需寫在<body>標簽中。
          6. 標簽不區分大小寫,建議按規范小寫。

          HTML標簽按功能大體可分以下幾種類型:

          1. 構成網頁基本架構的標簽,比如:<!DOCTYPE>(定義文檔類型)、<html>(根標簽),<meta>(元信息)、<head> (網頁頭部區域)、<body> (網頁內容區域)。
          2. 用于引入外部資源客戶端腳本的標簽,比如:<link>(外部資源,css樣式文件), <script>(客戶端js腳本)。
          3. 用于描述布局的標簽,比如: <div>、<ul>(無序列表)、<ol>(有序列表)、<h1>到<h6>(標題1到6)、<table>(表格)、<footer>(頁腳)、<header>(頁頭)等。
          4. 用于描述文本格式的標簽,比如:<p> (段落)、<strong>(加粗)、<q>(引用)、<span>等。
          5. 用于引入多媒體資源的標簽,比如:<img>、<video>、<audio>等。
          6. 用于制作表單的標簽,比如:<form>(表單),<input>(輸入框),<textarea>(文本域),<select>(下拉菜單),<radio>(單選項),<checkbox>(多選項)等。
          7. 其它標簽(不是很常用的)。

          如何學習html的標簽用法

          沒有捷徑,需要多看,多練。在這里我不一一介紹每個標簽的具體含義及用法,相關語法可以參考以下幾個網站:

          1. https://www.w3cschool.cn/html5/
          2. https://developer.mozilla.org/zh-CN/docs/Web/HTML

          制定一個學習計劃,每天堅持下去

          要求,每天花費3到5個小時學習,至少1到2周掌握常用的html標簽含義及用法,可以按照上面介紹的標簽進行分類學習,感謝關注,祝你學習愉快。

          TML 或超文本標記語言 允許 Web 用戶使用元素、標簽和屬性創建和構造部分、段落和鏈接。然而,值得注意的是,HTML 不能被視為一種編程語言,因為它不能創建動態功能。

          HTML有很多用例,即:

          1. 網頁開發。開發人員使用 HTML 代碼來設計瀏覽器如何顯示網頁元素,例如文本、超鏈接和媒體文件。
          2. 互聯網導航。由于 HTML 被大量用于嵌入超鏈接,因此用戶可以輕松地在相關頁面和網站之間導航和插入鏈接。
          3. 網絡文檔。HTML 使組織和格式化文檔成為可能,類似于 Microsoft Word。
          4. 還值得注意的是,HTML 現在被視為官方 Web 標準。萬維網聯盟 (W3C)維護和開發 HTML 規范,同時提供定期更新。

          本文將介紹 HTML 的基礎知識,包括它的工作原理、優缺點以及它與 CSS 和 JavaScript 的關系。

          什么是 HTML?

          HTML(代表超文本標記語言)是構成大多數網頁和在線應用程序的計算機語言。超文本是用于引用其他文本片段的文本,而標記語言是告訴 Web 服務器文檔的樣式和結構的一系列標記。

          HTML 是如何工作的

          在國內的網站上找了一圈,這應該是介紹歷史最細致的,長按保存手機里翻譯

          html文件

          平均每個網站包含幾個不同的信息 HTML 頁面。例如,主頁、關于頁面和聯系頁面都將具有單獨的 HTML 文件。

          HTML 文檔是以 .html 或 .htm 擴展名結尾的文件。Web 瀏覽器讀取 HTML 文件并呈現其內容,以便互聯網用戶可以查看它。

          html元素的三個部分

          所有 HTML 頁面都有一系列 HTML 元素,由一組標簽和屬性組成。HTML 元素是網頁的構建塊。標簽告訴 Web 瀏覽器元素在哪里開始和結束,而屬性描述元素的特征。

          元素的三個主要部分是:

          • 開始標簽 - 用于說明元素開始生效的位置。標簽用左尖括號和右尖括號包裹。例如,使用開始標簽 <p> 創建一個段落。
          • 內容——這是其他用戶看到的輸出。
          • 結束標簽 - 與開始標簽相同,但在元素名稱前有一個正斜杠。例如,</p> 結束一個段落。

          這三個部分的組合將創建一個 HTML 元素:

          <p>這是在HTML中添加段落的方法。</p>

          HTML 元素的另一個關鍵部分是它的屬性,它有兩個部分——名稱和屬性值。名稱標識用戶想要添加的附加信息,并且屬性值給出進一步的說明。

          例如,添加紫色和 font-family verdana 的樣式元素將如下所示:

          < p style= "color:purple;font-family:verdana" >這是在HTML中添加段落的方法。< /p >

          另一個屬性,HTML 類,對于開發和編程來說是最重要的。class 屬性添加了可以作用于具有相同類值的不同元素的樣式信息。 例如,我們將對標題 <h1> 和段落 <p> 使用相同的樣式。樣式包括背景顏色、文本顏色、邊框、邊距和填充,在 .important 類下。要在 <h1> 和 <p> 之間實現相同的樣式,請在每個開始標記后添加 class=”important”:

          <html>
          <head>
          <style>
          .important {
            background-color: blue;
            color: white;
            border: 2px solid black;
            margin: 2px;
            padding: 2px;
          }
          </style>
          </head>
          <body>
          <h1 class="important">This is a heading</h1>
          <p class="important">This is a paragraph.</p>
          </body>
          </html>

          大多數元素都有一個開始標簽和一個結束標簽,但有些元素不需要結束標簽即可工作,例如空元素。這些元素不使用結束標簽,因為它們沒有內容:

          < img src= "/" alt= "圖像" >

          這個圖像標簽有兩個屬性——一個src屬性,圖像路徑,和一個alt屬性,描述性文本。但是,它沒有內容,也沒有結束標簽。

          最后,每個 HTML 文檔都必須以 <!DOCTYPE> 聲明開頭,以告知 Web 瀏覽器文檔類型。使用 HTML5,doctype HTML public 聲明將是:

          < !DOCTYPE html >

          最常用的 HTML 標簽和 HTML 元素

          目前,有 142 個 HTML 標簽可以用于創建各種元素。盡管現代瀏覽器不再支持其中一些標簽,但學習所有可用的不同元素仍然是有益的。

          第二節將討論最常用的 HTML 標簽和兩個主要元素——塊級元素和內聯元素。

          塊級元素

          塊級元素占據頁面的整個寬度。它總是在文檔中開始一個新行。例如,標題元素將位于與段落元素不同的行中。

          每個 HTML 頁面都使用這三個標簽:

          • <html>標簽是定義整個 HTML 文檔的根元素。
          • <head> 標簽保存頁面標題和字符集等元信息。
          • <body>標簽包含了頁面上出現的所有內容。
          <html>
            <head>
              <!-- META INFORMATION -->  
            </head>
            <body>
              <!-- PAGE CONTENT -->
            </body>
          </html>

          其他流行的塊級標簽包括:

          • 標題標簽 - 這些范圍從 <h1> 到 <h6>,其中標題 h1 的大小最大,當它們向上移動到 h6 時變得越來越小。
          • 段落標簽——全部使用 <p> 標簽括起來。
          • 列表標簽——有不同的變體。<ol> 標簽用于有序列表,<ul> 用于無序列表。然后,使用 <li> 標記將各個列表項括起來。

          內聯元素

          內聯元素格式化塊級元素的內部內容,例如添加鏈接和強調的字符串。內聯元素最常用于在不破壞內容流的情況下格式化文本。

          例如,一個 <strong> 標簽會以粗體呈現一個元素,而 <em> 標簽會以斜體顯示它。超鏈接也是使用 <a> 標記和 href 屬性來指示鏈接目標的內聯元素:

          <a href="https://www.icodingdeu.com/" >點我!</a> 

          HTML 演變——HTML 和 HTML5 有什么區別?

          HTML 的第一個版本由 18 個標簽組成。從那時起,每個新版本都帶有添加到標記中的新標簽和屬性。迄今為止,該語言最重大的升級是 2014 年引入的 HTML5。

          HTML 和 HTML5的主要區別在于HTML5 支持新類型的表單控件。HTML5 還引入了幾個語義標簽,可以清楚地描述內容,例如 <article>、<header> 和 <footer>。

          HTML 的優點和缺點

          就像任何其他計算機語言一樣,HTML 有其優點和局限性。以下是 HTML 的優缺點:

          優點:

          • 初學者友好: HTML 具有干凈且一致的標記,以及較淺的學習曲線。
          • 支持領域廣:該語言被廣泛使用,擁有大量資源和龐大的社區。
          • 無障礙:它是開源的并且完全免費。HTML 在所有 Web 瀏覽器中本機運行。
          • 靈活的:HTML很容易與PHPNode.js等后端語言集成。

          就像任何其他計算機語言一樣,HTML 有其優點和局限性。以下是 HTML 的優缺點:

          缺點:

          • 靜止的 該語言主要用于靜態網頁。對于動態功能,您可能需要使用 JavaScript 或 PHP 等后端語言。
          • 單獨的 HTML 頁面 用戶必須為 HTML 創建單獨的網頁,即使元素相同。
          • 瀏覽器兼容性 一些瀏覽器采用新特性的速度很慢。有時較舊的瀏覽器并不總是呈現較新的標簽。

          HTML、CSS 和 Javascript 是如何相關的

          HTML 用于添加文本元素并創建內容結構。然而,僅僅建立一個專業的和完全響應的網站是不夠的。因此,HTML 需要借助層級樣式表 (CSS)和JavaScript來創建絕大多數網站內容。

          • CSS 負責樣式,例如背景、顏色、布局、間距和動畫。
          • JavaScript 添加了動態功能,例如滑塊、彈出窗口和照片庫。這三種語言是前端開發的基礎。

          結論

          HTML 是 Internet 上的主要標記語言。每個 HTML 頁面都有一系列創建網頁或應用程序內容結構的元素。

          HTML 是一種對初學者友好的語言,有很多支持,主要用于靜態網站頁面。HTML 與用于樣式的 CSS 和用于功能的 JavaScript 一起使用效果最好。

          我們還向您展示了一些在線教學課程,它們將有助于提高您的 HTML 知識或提供對 HTML 的基本理解。

          如果您有任何其他喜歡的資源來學習 HTML,請在評論部分告訴我們。


          主站蜘蛛池模板: 中文字幕无码一区二区免费| 亚洲制服丝袜一区二区三区| 亚洲福利一区二区精品秒拍| 亚洲av福利无码无一区二区| 无码人妻精品一区二区蜜桃| 末成年女AV片一区二区| 风流老熟女一区二区三区| 一区二区三区国产精品 | 福利一区二区在线| 91久久精品国产免费一区 | 日韩三级一区二区| 久久国产精品一区免费下载| 国产av熟女一区二区三区| 无码中文人妻在线一区二区三区 | 福利片福利一区二区三区| 视频一区二区在线播放| 久久99精品波多结衣一区| 国产日韩精品视频一区二区三区 | 呦系列视频一区二区三区| 一区二区三区在线观看免费| 台湾无码一区二区| 国产成人精品一区二三区| 无码国产精品一区二区免费模式| 国产SUV精品一区二区88| 亚洲日韩精品一区二区三区无码 | 国产aⅴ一区二区三区| 亚洲啪啪综合AV一区| 日本v片免费一区二区三区| 无码一区二区三区视频| 日韩精品一区二区三区视频| 国产一区二区影院| 视频精品一区二区三区| 国产精品视频一区二区猎奇| 日本一区二区在线不卡| 视频一区二区精品的福利| 一区二区三区人妻无码 | 中文字幕无码一区二区免费| 红杏亚洲影院一区二区三区 | 精品人妻无码一区二区三区蜜桃一 | 国产香蕉一区二区精品视频| 正在播放国产一区|