整合營銷服務商

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

          免費咨詢熱線:

          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一区二区三区无码野战| 福利一区二区三区视频午夜观看| 91视频国产一区| 亚洲一区无码中文字幕| 国产成人一区在线不卡| 秋霞电影网一区二区三区| 国产成人久久一区二区不卡三区 | 骚片AV蜜桃精品一区| 精品日韩在线视频一区二区三区| 精品免费国产一区二区| 亚洲a∨无码一区二区| 国产电影一区二区| 学生妹亚洲一区二区| 奇米精品视频一区二区三区| 香蕉久久av一区二区三区| 亚洲AV无一区二区三区久久| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 在线观看一区二区三区视频| 精品国产乱码一区二区三区| 精品少妇ay一区二区三区| 久久无码AV一区二区三区| 日本免费一区二区在线观看| 精品国产一区二区三区久久久狼| 国产91精品一区二区麻豆网站| 久久精品无码一区二区无码| 日韩精品一区二区三区老鸭窝| 亚洲av无码一区二区三区天堂古代| 久久久久人妻精品一区二区三区| 久久精品国产第一区二区三区| 亚洲综合色一区二区三区小说| 精品国产一区二区三区无码| 久久精品无码一区二区三区不卡| 国产成人一区二区在线不卡| 国产精品一区12p| 无码人妻精品一区二区三区66| 亚洲一区中文字幕在线电影网| 久久青青草原一区二区|