搜尋
首頁web前端html教學HTML--WWW_html/css_WEB-ITnose

        HTML(Hypertext Markup Language,超文本标记语言),在学习Html的时候也接触到了一个概念??WWW,这个经常用,但是不知道其中的道理。

基本概念

        WWW(World Wide Web,万维网)是一种建立在Internet上的、全球性的、交互式的、多平台的、分布式的信息资源网络。它就是采用HTML语言描述的超文本文件(包含连接关系和多媒体对象)。

        咱们见到最多的网址,或者说在记忆中使用的网址大概都是WWW,WWW有3个基本的组成部分,分别是URL(Universal Resource Locators,统一资源定位器)、HTTP(Hypertext Transfer Protocol,超文本传输协议)和HTML(Hypertext Markup Language,超文本标记语言)


URL

        URL提供在web上进入资源的统一方法和路径,使得用户所要访问的站点具有唯一性,这就相当于我们每个人只有一个ID。它代表了链接所指向的每个文件的类型及其准确位置。

也可以这么理解URL是你得到资源位置或访问方法的唯一方法,只要知道了资源的URL就可以得到地址,并且对资源进行操作。

URL的访问方法有两种:ftp和http

例如

   



HTTP

        HTTP是一种网络上的数据传输协议,专门用于传输以超文本(hypertext)或超媒体(hypermedia)的形式提供的信息。 是一种详细规定了浏览器和万维网服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。

HTTP工作在TCP/IP协议体系中的TCP协议上。

客户机和服务器必须都支持 HTTP,才能在万维网上发送和接收 HTML 文档并进行交互。

(以上大多为百科内容?? HTTP)

HTML

        html语言是一种文本类、依靠解释的方式执行的标记语言,也就是使用一种大多数计算机能够识别的语言。万维网上使用语言一般就是Html语言。

HTML是标记语言 ,所以他会有很多的标记元素,最基本的文件结构如下:

	-----------------------------------------------------开始html文档		---------------------------------------------开始文档头部			<title>---------------------------------------开始文档标题				标题---------------------------------内容			</title>-------------------------------------结束文档标题		-------------------------------------------结束文档头部		--------------------------------------------开始文档体			正文----------------------------------------内容		-------------------------------------------结束文档 体	---------------------------------------------------结束html文档
         所以要想学好HTML,掌握一定的标记元素知识是必要的。例如标题文字标记

    <title></title>    <h1 id="h-字体大小">h1 字体大小</h1>    <h2 id="h-字体大小">h2 字体大小</h2>    <h3 id="h-字体大小">h3 字体大小</h3>    <h4 id="h-字体大小">h4 字体大小</h4>    <h5 id="h-字体大小">h5 字体大小</h5>    <h6 id="h-字体大小">h6 字体大小</h6>



HTML4、XHTML、HTML5都是些什么

        学习html的时候,和在看其他博客的时候就有很多html或者XHTML,不知道他们只是名字不一样还是有什么不同。然后查了下资料进行一下对比。


        在HTML发展的早期,W3C(World Wide Web Consortium,万维网联盟)成立之前,HTML的很多标准都很不规范,浏览器也对HTML的要求不高,所以这种情况的持续就导致了HTML的编写者写了大量含有错误的HTML页面。

        后来W3C也意识到了这个错误,并认为这为这是互联网基础性问题,应该加以解决。为了规范HTML,W3C结合着XML制定了XHTML1.0标准,不过它只是用XML要求来规范HTML。即可把XHTML理解成HTML+XML。


        HTML4是目前互联网使用最广泛的标准,他是诞生在1999年左右。现在依然发挥着重要的作用。


        HTML5新增一些特性: 1. 用于绘画的 canvas 元素 2. 用于媒介回放的 video 和 audio 元素 3. 对本地离线存储的更好的支持 4. 新的特殊内容元素,比如 article、footer、header、nav、section 5. 新的表单控件,比如 calendar、date、time、email、url、search。它最大的一个特点就是不会break已有的网页。虽然HTML5添加了很多新特性,但是并没有得到浏览器的普遍支持,所以其他HTML还是很重要的,还在使用。



这里有个很有意思的漫画,有兴趣的可以看看 《混乱的标记语言XHTML2/HTML5漫画 》

参考博客:http://autit.blog.163.com/blog/static/13804284420125710238652/


陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
&gt; gt;的目的是什麼 元素?&gt; gt;的目的是什麼 元素?Mar 21, 2025 pm 12:34 PM

本文討論了HTML&lt; Progress&gt;元素,其目的,樣式和與&lt; meter&gt;元素。主要重點是使用&lt; progress&gt;為了完成任務和LT;儀表&gt;對於stati

&lt; datalist&gt;的目的是什麼。 元素?&lt; datalist&gt;的目的是什麼。 元素?Mar 21, 2025 pm 12:33 PM

本文討論了html&lt; datalist&gt;元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

&lt; meter&gt;的目的是什麼。 元素?&lt; meter&gt;的目的是什麼。 元素?Mar 21, 2025 pm 12:35 PM

本文討論了HTML&lt; meter&gt;元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了&lt; meter&gt;從&lt; progress&gt;和前

視口元標籤是什麼?為什麼對響應式設計很重要?視口元標籤是什麼?為什麼對響應式設計很重要?Mar 20, 2025 pm 05:56 PM

本文討論了視口元標籤,這對於移動設備上的響應式Web設計至關重要。它解釋瞭如何正確使用確保最佳的內容縮放和用戶交互,而濫用可能會導致設計和可訪問性問題。

如何使用HTML5表單驗證屬性來驗證用戶輸入?如何使用HTML5表單驗證屬性來驗證用戶輸入?Mar 17, 2025 pm 12:27 PM

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

我如何使用html5&lt; time&gt; 元素以語義表示日期和時間?我如何使用html5&lt; time&gt; 元素以語義表示日期和時間?Mar 12, 2025 pm 04:05 PM

本文解釋了HTML5&lt; time&gt;語義日期/時間表示的元素。 它強調了DateTime屬性對機器可讀性(ISO 8601格式)的重要性,並在人類可讀文本旁邊,增強Accessibilit

HTML5中跨瀏覽器兼容性的最佳實踐是什麼?HTML5中跨瀏覽器兼容性的最佳實踐是什麼?Mar 17, 2025 pm 12:20 PM

文章討論了確保HTML5跨瀏覽器兼容性的最佳實踐,重點是特徵檢測,進行性增強和測試方法。

&lt; iframe&gt;的目的是什麼。 標籤?使用時的安全考慮是什麼?&lt; iframe&gt;的目的是什麼。 標籤?使用時的安全考慮是什麼?Mar 20, 2025 pm 06:05 PM

本文討論了&lt; iframe&gt;將外部內容嵌入網頁,其常見用途,安全風險以及諸如對象標籤和API等替代方案的目的。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)