整合營銷服務商

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

          免費咨詢熱線:

          HTML 之簡介

          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,我們一起飛!

          近看到抖音很火的立方體相冊,我嘗試做了一下,html和css代碼很容易找到,但怎么將自己寫的HTML網頁發布到網上像百度一樣讓任意用戶可以訪問呢?于是我便做了一些嘗試,并有了如下收獲:

          首先,把網站上傳到網站讓別人訪問需要以下東西:

          1.域名

          2.空間

          什么是域名呢?域名可以理解為一個地址,就好比我剛申請的weiaiyuanyuan.cn這些簡稱為域名。

          什么是空間呢?簡單來說,就是存放網站內容的地方。這兩者缺一不可,如果只有weiaiyuanyuan這個域名沒有空間的話你訪問就會什么都沒有,而只有空間沒有域名,你都無法訪問。

          通常買了域名和空間后會進行解析和綁定,解析就是把域名指向到空間的IP地址上面(買了空間會有一個IP地址),而空間那邊需要綁定。

          其次,小編就直接給出申請域名,免費云服務器或是免費虛擬主機的方式,這些都可以到三豐云(https:www.sanfengyun.com)申請。

          然后,域名綁定空間:

          三豐云上面都有教程,很詳細,就不多贅述了。

          總得來說,這一個月體驗下來真的非常方便,而且免費,大家快快動起手來在七夕之前為女朋友做一個專屬于她的網頁吧!??!

          ?( ′???` )比心

          TML 教程導讀- (HTML5 標準):

          HTML也叫作超文本標記語言,標準通用標記語言下的一個應用,您可以使用 HTML 來建立自己的 WEB 站點。通過學習本教程,您將可以使用 HTML 來創建站點。HTML 是非常容易學習的!相信您能很快學會它!


          HTML發展史:

          HTML沒有1.0,因為關于它的初版存在爭議,1995年HTML 2.0面世,1997年由國際官方組織W3C推出了HTML 3.2以及HTML 4.0標準,后面W3C(萬維網聯盟)也漸漸變成Web技術領域的權威,經過漫長的演變,2014年,HTML 5標準最終面世。

          HTML 2.0——1995年11月,RFC 1866發布

          HTML 3.2——1997年1月14日,W3C發布推薦標準

          HTML 4.0——1997年12月18日,W3C發布推薦標準

          HTML 4.01——1999年12月24日,W3C發布推薦標準

          HTML 5——2014年10月28日,W3C發布推薦標準


          HTML 實例:

          在本教程中的每個章節中都會提供一定量的實例,使用編輯器,運行并修改這些實例,您可以深入掌握 HTML!

          實例:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>test00-html課程導讀實例</title>

          </head>

          <body>

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

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

          </body>

          </html>

          使用HBuilderX創建一個項目:

          我是一名前端開發程序員,自己整理了一份2019最全面前端學習資料,從最基礎的HTML+CSS+JS到移動端HTML5到各種框架都有整理,送給每一位前端小伙伴,這里是小白聚集地,歡迎初學和進階中的小伙伴

          前端資料獲取方式:

          1.在你手機的右上角有【關注】選項,點擊關注!

          2.關注后,手機客戶端點擊我的主頁面,右上角有私信,請私信回復:【學習】

          電腦已經設置好了關鍵詞自動回復,所以回復的時候請注意關鍵詞喲~


          主站蜘蛛池模板: 久久精品一区二区三区不卡| 精品福利一区3d动漫| 精品国产高清自在线一区二区三区 | 无码精品视频一区二区三区| 亚洲A∨无码一区二区三区 | 麻豆视频一区二区三区| 丰满人妻一区二区三区视频53 | 日本一区午夜爱爱| 无码精品人妻一区二区三区中 | 精品日本一区二区三区在线观看 | 日本无卡码免费一区二区三区| 日本免费精品一区二区三区| 美女福利视频一区| 免费看AV毛片一区二区三区| 久久精品一区二区影院| 亚洲丰满熟女一区二区v| 男人的天堂亚洲一区二区三区| 国模私拍一区二区三区| 亚洲乱色熟女一区二区三区蜜臀| 天天看高清无码一区二区三区| 亚洲av日韩综合一区在线观看| 国模精品视频一区二区三区| 中文字幕av无码一区二区三区电影| 国内自拍视频一区二区三区| 国产另类ts人妖一区二区三区| 无码人妻精品一区二区三区东京热| 成人无号精品一区二区三区 | 日韩精品国产一区| 国产精品女同一区二区| 高清一区高清二区视频| 日韩人妻不卡一区二区三区| 日本丰满少妇一区二区三区| 亚洲国产精品一区二区久| 国产AV国片精品一区二区| 亚洲熟妇无码一区二区三区导航| 国产福利电影一区二区三区,免费久久久久久久精 | 亚洲午夜日韩高清一区| 日韩免费一区二区三区在线播放| 精品人妻少妇一区二区| 正在播放国产一区| 精品国产一区二区三区麻豆|