整合營銷服務商

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

          免費咨詢熱線:

          HTML 之簡介

          TML 實例

          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          實例解析

          • DOCTYPE 聲明了文檔類型

          • 位于標簽 <html> 與 </html> 描述了文檔類型

          • 位于標簽 <body> 與 </body> 為可視化網頁內容

          • 位于標簽 <h1> 與 </h1> 作為一個標題使用

          • 位于標簽 <p> 與 </p> 作為一個段落顯示

          <!DOCTYPE html> 在HTML5中也是描述了文檔類型。

          什么是HTML?

          HTML 是用來描述網頁的一種語言。

          • HTML 指的是超文本標記語言: HyperText Markup Language

          • HTML 不是一種編程語言,而是一種標記語言

          • 標記語言是一套標記標簽 (markup tag)

          • HTML 使用標記標簽來描述網頁

          • HTML 文檔包含了HTML 標簽文本內容

          • HTML文檔也叫做 web 頁面

          HTML 標簽

          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

          • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>

          • HTML 標簽通常是成對出現的,比如 <b> 和 </b>

          • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          • 開始和結束標簽也被稱為開放標簽和閉合標簽

          <標簽>內容</標簽>

          HTML 元素

          "HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.

          但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:

          HTML 元素:

          <p>這是一個段落。</p>

          Web 瀏覽器

          Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。

          瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:

          HTML 網頁結構

          下面是一個可視化的HTML頁面結構:

          <html>

          <head>

          <title>頁面標題</title>

          </head>

          <body>

          <h1>這是一個標題</h1>

          <p>這是一個段落。</p>

          <p>這是另外一個段落。</p>

          </body>

          </html>

          只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。

          HTML版本

          從初期的網絡誕生后,已經出現了許多HTML版本:

          版本發布時間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013

          <!DOCTYPE> 聲明

          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。

          網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。

          doctype 聲明是不區分大小寫的,以下方式均可:

          <!DOCTYPE html>

          <!DOCTYPE HTML>

          <!doctype html>

          <!Doctype Html>

          通用聲明

          HTML5

          <!DOCTYPE html>

          HTML 4.01

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

          "http://www.w3.org/TR/html4/loose.dtd">

          XHTML 1.0

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          查看完整網頁聲明類型 DOCTYPE 參考手冊。

          中文編碼

          目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。

          HTML 實例

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

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          英國《太陽報》報道,菲律賓一位網頁設計師為了向自己的職業致敬,給自己的兒子取名為“Hypertext Mark-up Language(超文本標記語言)”。這位叫做Mac Pascual的父親表示,給新生兒取個獨一無二的名字是他們家族的傳統。他對自己的工作充滿熱情,決定給自己的寶寶取名為HTML。據媒體報道,這個寶寶出生在當地的布拉坎醫療集團合作醫院,體重2.25公斤。

          6月10日,HTML的姑姑Salie Rayo Pascual拍下了這個可愛侄子的照片,并把照片發布到了Facebook上,標題是“HTML,歡迎來到這個世界”。這篇帖子很快引起了網友們的關注,大家紛紛評論并轉發了這個帖子。不過,還是有一些社交媒體用戶對這個奇特的名字進行了一番嘲笑,并嘲諷般地建議他給未來的孩子用一些其他的編碼縮寫來當名字,比如“Results-based management system”、“JavaScript”,或者是“Cascading Style Sheets(CSS)”。還有人對寶寶的名字表示了擔憂評論道:“將來,他可能會成為被欺負和被嘲笑的對象?!?/p>

          HTML的爸爸解釋說,他自己的名字“Mac”就是“Macaroni'85”的縮寫,而他姐姐的名字是“Spaghetti'88(意大利面)”的縮寫。他的姐姐有兩個孩子,分別叫“Cheese Pimiento(辣椒奶酪)”和“Parmesan Cheese(帕爾瑪奶酪)”,所以他們的小名分別是“Chippy”和“Peewee”。HTML和其他名字不同尋常的嬰兒一樣,從出生起就成為了人們討論的話題。特斯拉的首席執行官Elon Musk和Claire Boucher(Grimes)就給自己的兒子取名為“X ? A-12 Musk”,因而上了新聞頭條。今年早些時候,模特兼女演員Emily Ratajkowski 通過社交媒體宣布,她將給自己剛出生的寶寶取名為“Sylvester Apollo Bear”。(中國青年網編譯報道)

          來源:中國青年網

          起網頁技術,今天給大家介紹一個網頁開發中的主要技術——HTML。HTML是什么呢?HTML官方定義為超文本標記語言,全稱為Hypertext Markup Language。HTML是Web的核心語言,它是使用標記來描述網頁的一種語言,它的語法簡單、結構清晰。

          所謂HTML頁面就是我們常說的網頁,也會稱之為HTML文檔。HTML文檔中包含HTML標簽和文本內容,瀏覽器會讀取HTML文檔,并將它們以網頁的形式呈現給用戶。在HTML頁面中可以包含圖片、文字、聲音、視頻、動畫、超鏈接等等。

          在網頁文檔中標簽是構成網頁的基本單位,也被稱為標記、元素,是由尖括號包圍起來的關鍵詞,HTML標簽分為單標簽、雙標簽,單標簽是在開始標簽中直接閉合,而雙標簽由開始標簽和結束標簽組成,在標簽的中間填入內容,大部分的HTML標簽可以添加屬性用以修飾該標簽。在HTML標簽不區分大小寫,但是W3C建議我們使用小寫。下圖是是一個簡單的HTML文檔的基本結構。

          上文又提到一個概念叫做W3C,那么大家可能會問W3C是什么呢?W3C(World Wide Web Consortium)萬維網聯盟,W3C最大限度地就技術相關內容達成共識,確保編程質量,促進規范之間的一致性,并獲得W3C和更廣泛的社區的認可。它的主要工作是對Web進行標準化,創建并維護www標準。簡單來說,W3C是一個專門來制定web標準的非盈利性組織。而這些廣泛運用的標準被稱為W3C標準。

          一門技術的發展以及成熟,也不是一蹴而就的,那么接下來我們來了解一下HTML的發展歷程。

          HTML經歷了多個版本,才到現在最新的、目前還沒有定稿的HTML5。

          HTML 2.0是1996年由Internet工程的HTML工作組開發。它是果實的HTML版本。

          1997年1月,由W3C標準發布的HTML3.2,在HTML2.0的基礎上添加了新的、被廣泛運用的特性。

          1997年12月,HTML4.0由W3C發布,并與第二年4月發布了它的修改版本。在HTML4.0中一個比較重要的特性就是加入了css樣式表。

          1999年12月,W3C推出了HTML4.01,它是HTML4.0的升級版本,對HTML4.0進行了一些修正和漏洞修復。

          2000年1月,W3C發布了XHTML 1.0,這個版本使用XML對HTML4.01進行了重新地表示。XHTML(EXtensible HyperText Markup Language)可擴展的超文本標記語言,它的目的是為了取代HTML,因此它與HTML 4.01幾乎一致,但是它是一個語法更為嚴格、更為純凈的HTML版本,是作為一種XML(可擴展標記語言,與HTML的區別在于,HTML用來顯示數據,而XML用來描述數據)應用被重新定義的HTML。

          2008年1月,W3C發布了HTML5的第一份正式工作草案。雖然,到目前為止HTML5還沒有正式發布,仍處在不斷完善階段,但是,現在大部分瀏覽器已經具備了某些HTML5的支持。

          今天的分享就到這里,希望大家對HTML有一個簡單的認識!


          主站蜘蛛池模板: 一区二区免费视频| 国产一区二区三区四| 成人精品视频一区二区三区| 无码人妻av一区二区三区蜜臀| 国产一在线精品一区在线观看| 最新中文字幕一区二区乱码| 亚洲熟妇AV一区二区三区浪潮| 91精品一区二区| 极品人妻少妇一区二区三区| 国产成人一区二区三区视频免费| 久久精品国产一区二区| 日本一区免费电影| 国产SUV精品一区二区88| 99久久人妻精品免费一区| 日韩爆乳一区二区无码| 精品一区二区三区波多野结衣| 亚洲美女视频一区二区三区| 亚洲AV日韩综合一区尤物| 午夜一区二区在线观看| 国产人妖视频一区二区破除| 久久国产香蕉一区精品| 国产精品视频分类一区| 波多野结衣电影区一区二区三区| 一区二区三区四区无限乱码| 国产在线视频一区二区三区98| 在线视频一区二区| 国产一国产一区秋霞在线观看| 亚洲成av人片一区二区三区 | 国产一区二区影院| 久久久久久综合一区中文字幕| 亚洲熟妇成人精品一区| 久久se精品一区二区影院| 亚洲一区二区三区四区视频| 国产精品成人一区二区三区| 日本在线不卡一区| 精品一区二区三区在线视频观看| 日本一区二区在线| 精品乱子伦一区二区三区高清免费播放| 中文字幕一区一区三区| 狠狠综合久久AV一区二区三区 | 亚洲av成人一区二区三区|