整合營銷服務商

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

          免費咨詢熱線:

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

          所有內置的JavaScript對象

          所有瀏覽器對象

          所有HTML DOM對象

          JavaScript 對象參考手冊

          參考手冊描述了每個對象的屬性和方法,并提供了在線實例。

          • Array 對象

          • Boolean 對象

          • Date 對象

          • Math 對象

          • Number 對象

          • String 對象

          • RegExp 對象

          • 全局屬性和函數

          Browser 對象參考手冊

          參考手冊描述了每個對象的屬性和方法,并提供了在線實例。

          • Window 對象

          • Navigator 對象

          • Screen 對象

          • History 對象

          • Location 對象

          HTML DOM 參考手冊

          參考手冊描述了 HTML DOM 的屬性和方法,并提供在線實例。

          • HTML Document

          • HTML Element

          • HTML Attributes

          • HTML Events



          HTML DOM 元素對象參考手冊

          參考手冊描述了每個對象的屬性和方法,并提供了在線實例。

          • Anchor 對象

          • Area 對象

          • Base 對象

          • Body 對象

          • Button 對象

          • Form 對象

          • Frame/IFrame 對象

          • Frameset 對象

          • Image 對象

          • Input Button 對象

          • Input Checkbox 對象

          • Input File 對象

          • Input Hidden 對象

          • Input Password 對象

          • Input Radio 對象

          • Input Reset 對象

          • Input Submit 對象

          • Input Text 對象

          • Link 對象

          • Meta 對象

          • Object 對象

          • Option 對象

          • Select 對象

          • Style 對象

          • Table 對象

          • td / th 對象

          • tr 對象

          • Textarea 對象



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

          avaScript一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。

          在1995年時,由Netscape公司的Brendan Eich,在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作,Netscape管理層希望它外觀看起來像Java,因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。

          為了取得技術優勢,微軟推出了JScript,CEnvi推出ScriptEase,與JavaScript同樣可在瀏覽器上運行。為了統一規格,因為JavaScript兼容于ECMA標準,因此也稱為ECMAScript。

          如果想自己學習掌握JavaScript:(點擊下方“了解更多”立即學習)

          (本課程適合前端開發人員以及想掌握JavaScript的基礎小白)

          特點:

          JavaScript是一種屬于網絡的腳本語言,已經被廣泛用于Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。

          • 是一種解釋性腳本語言(代碼不進行預編譯)。
          • 主要用來向HTML(標準通用標記語言下的一個應用)頁面添加交互行為。
          • 可以直接嵌入HTML頁面,但寫成單獨的js文件有利于結構和行為的分離。
          • 跨平臺特性,在絕大多數瀏覽器的支持下,可以在多種平臺下運行(如Windows、Linux、Mac、Android、iOS等)。

          Javascript腳本語言同其他語言一樣,有它自身的基本數據類型,表達式和算術運算符及程序的基本程序框架。Javascript提供了四種基本的數據類型和兩種特殊數據類型用來處理數據和文字。而變量提供存放信息的地方,表達式則可以完成較復雜的信息處理。

          用途:

          1. 嵌入動態文本于HTML頁面。
          2. 對瀏覽器事件做出響應。
          3. 讀寫HTML元素。
          4. 在數據被提交到服務器之前驗證數據。
          5. 檢測訪客的瀏覽器信息。
          6. 控制cookies,包括創建和修改等。
          7. 基于Node.js技術進行服務器端編程。

          阿里云開發者社區全面升級,一站式體驗,用得更爽:https://developer.aliyun.com?spm=a2c41.12958151.0.0(復制網址鏈接到瀏覽器,記得收藏)


          主站蜘蛛池模板: 日韩视频在线一区| 日本一区二区三区不卡视频中文字幕| 久久99精品波多结衣一区| 丝袜人妻一区二区三区网站| 久久精品一区二区三区中文字幕| 三上悠亚亚洲一区高清| 久久国产午夜一区二区福利| 日韩最新视频一区二区三| 国产成人高清亚洲一区91| 岛国精品一区免费视频在线观看| 日韩视频一区二区三区| 国产精品99精品一区二区三区| 精品视频一区在线观看| 国产精品女同一区二区| 精品无码国产一区二区三区51安| 国产在线观看一区二区三区 | 天堂资源中文最新版在线一区| 人妻少妇久久中文字幕一区二区| 亚洲国产欧美日韩精品一区二区三区| 国产成人av一区二区三区在线观看| 国产在线精品一区二区夜色| 亚洲一区免费在线观看| 变态调教一区二区三区| 91福利一区二区| 国产成人精品久久一区二区三区av | 日产亚洲一区二区三区| 国产在线一区观看| 亚洲Av无码一区二区二三区| 日本精品少妇一区二区三区| 2020天堂中文字幕一区在线观| 国产伦精品一区二区三区免.费 | 国产精品女同一区二区| 日韩熟女精品一区二区三区| 韩国福利影视一区二区三区| 一区二区三区在线观看免费| 亚洲熟妇无码一区二区三区 | 久久精品黄AA片一区二区三区| 国产一区二区三区在线电影| 无码国产精品一区二区免费虚拟VR | 久久一区二区三区免费| 色婷婷亚洲一区二区三区|