Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 2022国产成人精彩在线视频,中文字幕美日韩在线高清,成人在线精品视频

          整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          精選13個HTML5學(xué)習(xí)必備網(wǎng)站

          選13個HTML5學(xué)習(xí)必備網(wǎng)站

          Tim.D? 少先隊科技 產(chǎn)品經(jīng)理 5小時前

          給大家推薦一下學(xué)習(xí)研究HTML5必備的一些個網(wǎng)站,更加有利于大家對html5的學(xué)些和研究。

          1. W3C HTML 5 權(quán)威教程,學(xué)習(xí)HTML5的各種標(biāo)簽,查詢參考手冊。

          2. HTMLDemos可以插件HTML5標(biāo)簽在各瀏覽器的兼容性,同時你還可以查看各種HTML5的標(biāo)準(zhǔn)Demo演示。

          3. 蘋果提供的HTML5演示站點,提供很多很絢麗的HTML5Demo。鏈接

          4. 測試瀏覽器對HTML5的支持,并打分,可以知道你當(dāng)前的瀏覽器對HTML5的支持情況如何,各種標(biāo)簽和組件的支持情況。鏈接

          5.360的HTML5基地。鏈接

          6. WHATWG博客是網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組(Web Hypertext Application Technology Working Group)的博客。鏈接

          7. HTML5醫(yī)生發(fā)表了許多文章,都是關(guān)于HTML5及其語義、及如何正確使用它的。他們也通過“詢問醫(yī)生”收集了很多問題,并在文章中予以回答,所有人都可從中受益。鏈接

          8. 這是一個以表格制成的備忘單形式的單頁面,描述了HTML5、CSS3、SVG及其他未來網(wǎng)絡(luò)技術(shù)的特征。鏈接

          9. 這個備忘單就是一個簡單的可視網(wǎng)格,包含了所有HTML5標(biāo)簽和相關(guān)的屬性。鏈接

          10 .一個提供HTML5各種功能演示的網(wǎng)站,提供各種HTML5的顯示Demo。鏈接

          11. 這個網(wǎng)站提供了大量的HTML5游戲資源,喜歡HTML5游戲的童鞋們,可以千萬別錯過哦。鏈接

          12. 一個HTML 5的文檔資料網(wǎng)站,做得很出色。介紹的圖片全是用了涂鴉的方式,很直觀,很可愛的網(wǎng)站。鏈接

          13.h5之家(中文學(xué)習(xí)園地)。鏈接

          今天就給大家推薦到這里,這15個網(wǎng)站,基本上可以算得上是HTML5學(xué)習(xí)研究的上上至寶了。如果你也有更好的HTML5網(wǎng)站推薦,歡迎評論并留下網(wǎng)址信息,方便整理。

          出于對PMCAFF用戶的尊重,任何在PMCAFF產(chǎn)品經(jīng)理社區(qū)發(fā)布的內(nèi)容,在未經(jīng)允許的情況下,不得在任何平臺被直接或間接發(fā)布使用或被用于其他任何商業(yè)目的。如有違反上述聲明者本網(wǎng)站將追究其相關(guān)法律責(zé)任。

          微信公眾號:pmcaffcom

          投稿郵箱:tougao@pmcaff.com

          Greated by PMCAFF產(chǎn)品經(jīng)理社區(qū) - www.pmcaff.com

          1. 標(biāo)簽:又稱元素,是HTML的基本組成單位雙標(biāo)簽(絕大多數(shù)都是雙標(biāo)簽):<標(biāo)簽名>標(biāo)簽體</標(biāo)簽名>第一個標(biāo)簽叫起始標(biāo)簽,第二個標(biāo)簽叫結(jié)束標(biāo)簽例:<marquee>尚硅谷,讓天下沒有難學(xué)的技術(shù)!</marquee>單標(biāo)簽:<標(biāo)簽名/>/可以省略例:<input>
          2. 標(biāo)簽名不區(qū)分大小寫,但推薦小寫,因為小寫更規(guī)范
          3. 標(biāo)簽之間的關(guān)系:并列關(guān)系、嵌套關(guān)系,可以使用 tab 鍵進行縮進
          4. 1
            2
            3
            4
            5
            <marquee>
            尚硅谷,讓天下沒有難學(xué)的技術(shù)!
            <input>
            </marquee>
            <input>

          標(biāo)簽屬性

          1. 用于給標(biāo)簽提供附加信息
          2. 可以寫在起始標(biāo)簽或單標(biāo)簽中,形式如下:<標(biāo)簽名 屬性名="屬性值" 屬性名="屬性值">
          3. 1
            2
            <marquee loop="1" bgcolor="orange">尚硅谷,讓天下沒有難學(xué)的技術(shù)!</marquee>
            <input type="password">
          4. 有些特殊的屬性,沒有屬性名,只有屬性值,如:<input disabled>

          不同的標(biāo)簽,有不同的屬性;也有一些通用屬性(在任何標(biāo)簽內(nèi)都能寫)屬性名、屬性值不能亂寫,都是W3C規(guī)定好的屬性名、屬性值,都不區(qū)分大小寫,但推薦小寫雙引號,也可以寫成單引號,甚至不寫,但推薦寫雙引號標(biāo)簽中不要出現(xiàn)同名屬性,否則后寫的會失效,例如:<input type="text" type="password">

          基本結(jié)構(gòu)

          1. 想要呈現(xiàn)在網(wǎng)頁中的內(nèi)容寫在body標(biāo)簽中
          2. head標(biāo)簽中的內(nèi)容不會出現(xiàn)在網(wǎng)頁中
          3. head標(biāo)簽中的title標(biāo)簽可以指定網(wǎng)頁的標(biāo)題
          4. 1
            2
            3
            4
            5
            6
            7
            8
            <html>
            <head>
            <title>網(wǎng)頁標(biāo)題</title>
            </head>
            <body>
            ......
            </body>
            </html>

          注釋

          1. 特點:注釋的內(nèi)容會被瀏覽器所忽略,不會呈現(xiàn)到頁面中,但源代碼中依然可見
          2. 作用:對代碼進行解釋和說明
          3. 寫法
          4. 1
            2
            3
            4
            <!-- 下面的文字只能滾動一次 -->
            <marquee loop="1">尚硅谷</marquee>
            <!-- 下面的文字可以無限滾動 -->
            <marquee>尚硅谷123</marquee>
          5. 注釋不可以嵌套

          文檔聲明

          1. 作用:告訴瀏覽器當(dāng)前網(wǎng)頁的版本
          2. 寫法
            1. 舊寫法:要依網(wǎng)頁所用的HTML版本而定,寫法有很多參考:W3C QA - 可在 Web 文檔中使用的 Doctype 聲明的推薦列表
            2. 新寫法:W3C 推薦使用 HTML 5 的寫法
            3. 1
              2
              3
              4
              5
              <!DOCTYPE html>

              <!DOCTYPE HTML>

              <!doctype html>
          3. 文檔聲明必須在網(wǎng)頁的第一行,且在html標(biāo)簽的外側(cè)

          字符編碼

          1. 計算機對數(shù)據(jù)的操作存儲時,對數(shù)據(jù)進行:編碼讀取時,對數(shù)據(jù)進行:解碼
          2. 編碼、解碼,會遵循一定的規(guī)范 —— 字符集
          3. 常見的字符集ASCII:大寫字母、小寫字母、數(shù)字、一些符號,共計128個ISO 8859-1:在 ASCII 基礎(chǔ)上,擴充了一些希臘字符等,共計是256個GB2312:繼續(xù)擴充,收錄了 6763 個常用漢字、682個字符GBK:收錄了的漢字和符號達到 20000+ ,支持繁體中文UTF-8 :包含世界上所有文字與符號
          4. 為了讓瀏覽器在渲染html文件時,不犯錯誤,可以通過meta標(biāo)簽配合charset屬性指定字符編碼
          5. 1
            2
            3
            <head>
            <meta charset="UTF-8"/>
            </head>

          設(shè)置語言

          1. 主要作用讓瀏覽器顯示對應(yīng)的翻譯提示有利于搜索引擎優(yōu)化
          2. 具體寫法:<html lang="zh-CN">
          3. lang屬性的編寫規(guī)則語言-國家/地區(qū)zh-CN :中文-中國大陸(簡體中文)zh-TW :中文-中國臺灣(繁體中文)zh :中文en-US :英語-美國en-GB :英語-英國語言—具體種類(已不推薦使用)zh-Hans :中文—簡體zh-Hant :中文—繁體W3School 上的說明:《語言代碼參考手冊》 、《國家/地區(qū)代碼參考手冊》 W3C官網(wǎng)上的說明:《Language tags in HTML》

          標(biāo)準(zhǔn)結(jié)構(gòu)

          1. HTML標(biāo)準(zhǔn)結(jié)構(gòu)如下
          2. 1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            <!DOCTYPE html>
            <html lang="zh-CN">

            <head>
            <meta charset="UTF-8">
            <title>Document</title>
            </head>

            <body>

            </body>

            </html>

          VSCode 刪除行快捷鍵:Ctrl+Shift+K

          1. 輸入!,隨后回車即可快速生成標(biāo)準(zhǔn)結(jié)構(gòu)
          2. 配置VScode 的內(nèi)置插件 emmet ,可以對生成結(jié)構(gòu)的屬性進行定制
          3. 在存放代碼的文件夾中,存放一個 favicon.ico 圖片,可配置網(wǎng)站圖標(biāo)

          、什么是HTML

          HTML簡介

          HTML是用來描述網(wǎng)頁的一種語言,它是一種超文本標(biāo)記語言,由一套標(biāo)記標(biāo)簽組成,在制作網(wǎng)頁時,HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。

          發(fā)展史


          HTML:Hyper Text Markup Language超文本標(biāo)記語言

          超文本標(biāo)記語言—在1993年6月互聯(lián)網(wǎng)工程工作小組工作案發(fā)布(并非標(biāo)準(zhǔn))

          HTML2.0—1995年11月作為RFC1866發(fā)布,在RFC2854于2000年6月發(fā)布之后被宣布過時。

          HTML3.2—1996年1月14日,W3C推薦標(biāo)準(zhǔn)

          HTML4.0—1997年12月18日,W3C推薦標(biāo)準(zhǔn)

          HTML4.01(微小改進)—1999年12月24日,W3C推薦標(biāo)準(zhǔn),2000年5月15日發(fā)布基本嚴(yán)格的HTML4.01語法,是國標(biāo)標(biāo)準(zhǔn)化組織和國際電工委員會的標(biāo)準(zhǔn)

          XHTML1.0—發(fā)布于2000年1月26日,是W3C推薦標(biāo)準(zhǔn),后來經(jīng)過修訂于2002年8月1日重新發(fā)布

          XHTML1.1—2001年5月31日發(fā)布

          XHTML2.0是W3C的工作草案,由于改動過大,學(xué)習(xí)這個新技術(shù)的成本過高而最終胎死腹中,因此,現(xiàn)在最常用的還是XHTML1.0標(biāo)準(zhǔn)。

          目前最新的版本為HTML5,它是2004年被提出,2007年被W3C接納并成立新的HTML工作團隊,

          2008年1月22日公布HTML5第一份正式草案,

          2012年12月17日HTML5規(guī)范正式定稿,

          2013年5月6日,HTML5.1正式草案公布。

          HTML 5作為最新版本,提供了一些新的元素和一些有趣的新特性,同時也建立了一些新的規(guī)則。這些元素、特性和規(guī)則的建立,提供了許多新的網(wǎng)頁功能,如使用網(wǎng)頁實現(xiàn)動態(tài)渲染圖形、圖表、圖像和動畫,以及不需要安裝任何插件直接使用網(wǎng)頁播放視頻等。目前企業(yè)開發(fā)中也在增大使用HTML5的力度

          HTML的優(yōu)勢

          • 各大瀏覽器廠商對H5的支持
          • 市場的需求
          • 跨平臺

          二、HTML的基本結(jié)構(gòu)

          • <html>......</html> HTML文檔的開始和結(jié)束標(biāo)記。
          • <head>……</head> 頭控制標(biāo)記,不在界面上進行展示,子標(biāo)簽可設(shè)置SEO優(yōu)化的一些內(nèi)容以及設(shè)置網(wǎng)頁的編碼。
          • <title>……</title>:設(shè)置瀏覽器的窗口上標(biāo)題。
          • <body>……</body>:頁面可見內(nèi)容。

          三、HTML的基本標(biāo)簽

          • 標(biāo)題標(biāo)簽

          h1~h6


          源代碼

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <title>標(biāo)題標(biāo)簽</title>

          </head>

          <body>

          <h1>這是一級標(biāo)題</h1>

          <h2>這是二級標(biāo)題</h2>

          <h3>這是三級標(biāo)題</h3>

          <h4>這是四級標(biāo)題</h4>

          <h5>這是五級標(biāo)題</h5>

          <h6>這是六級標(biāo)題</h6>

          <h7>這是七級標(biāo)題</h7>效果怎么顯示不出來呢???

          <h1>這是一級標(biāo)題</h1>

          </body>

          </html>

          瀏覽器預(yù)覽效果


          • 段落標(biāo)簽和換行標(biāo)簽

          p標(biāo)簽為段落標(biāo)簽,br標(biāo)簽為換行標(biāo)簽


          源代碼

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <title>段落和換行標(biāo)簽</title>

          </head>

          <body>

          <h1>北京歡迎你</h1>

          <p>北京歡迎你,<br>為你開天辟地</p>

          <p>北京歡迎你,<br/>有有勇氣就會有奇跡</p>

          </body>

          </html>


          瀏覽器預(yù)覽效果圖


          • 水平線標(biāo)簽

          hr標(biāo)簽為水平線標(biāo)簽


          源代碼

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <title>水平線標(biāo)簽</title>

          </head>

          <body>

          <h1>漂洋過海來看你</h1>

          <hr>

          <p>為你我用了半年的積蓄,<br>漂洋過海來看你</p>

          <hr/>

          </body>

          </html>


          瀏覽器預(yù)覽效果圖


          • 字體樣式標(biāo)簽

          em為斜體標(biāo)簽,strong為字體加粗標(biāo)簽


          源代碼

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <title>字體樣式標(biāo)簽</title>

          </head>

          <body>

          <h1>漂洋過海來看你</h1>

          <hr>

          <p>為你我用了<em>2017</em>半年的<strong><em>積蓄</em></strong>,<br>

          <em><strong>漂洋過海</strong></em>來看你

          </p>

          <hr/>

          </body>

          </html>


          瀏覽器預(yù)覽效果圖

          • 注釋和特殊符號

          注釋使用:<!--被注釋的內(nèi)容-->

          大于號:> great than的縮寫

          小于號:< less than的縮寫

          雙引號:""

          版權(quán)符號:©

          空格:


          源代碼

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <title>注釋和特殊符號</title>

          </head>

          <body>

          <pre>

          注釋使用:<!--被注釋的內(nèi)容-->

          大于號:> great than的縮寫

          小于號:< less than的縮寫

          雙引號:""

          版權(quán)符號:©

          空格:

          </pre>

          <!-- 我是被注釋的內(nèi)容,我只留給你們看,不會在頁面上顯示 -->

          5<10>6 <br>

          "我是被雙引號引起來的內(nèi)容"<br>

          ©自由職業(yè)開發(fā)者公司<br>

          我是 測試 空 格的

          </body>

          </html>


          瀏覽器預(yù)覽效果圖


          以上就是HTML的簡單入門,后續(xù)帶大家更深入的了解HTML


          主站蜘蛛池模板: 亚洲天堂一区二区| 狠狠色综合一区二区| 免费一区二区三区在线视频| 国产精品亚洲高清一区二区 | 一本AV高清一区二区三区| 亚洲国产国产综合一区首页| 美女福利视频一区二区| 欧美日韩一区二区成人午夜电影| 狠狠色婷婷久久一区二区| 国产乱码精品一区二区三区四川| 亚洲AV成人精品日韩一区| 精品一区二区三区四区在线播放| 一区二区三区精品| 久久精品动漫一区二区三区| 久久久99精品一区二区| 一区二区三区高清在线| 无码精品久久一区二区三区 | 亚洲天堂一区二区三区四区| 国产一区二区三区高清在线观看| 久久99精品免费一区二区| 精品久久久久一区二区三区 | 国产成人精品一区二区三区| 八戒久久精品一区二区三区| 精品一区二区高清在线观看| 日韩熟女精品一区二区三区| jazzjazz国产精品一区二区| 人妻无码一区二区三区| 亚洲中文字幕丝袜制服一区 | 国产一区二区三区免费视频| 日本免费一区二区三区最新vr| 国内精品一区二区三区最新| 色婷婷av一区二区三区仙踪林| 秋霞日韩一区二区三区在线观看 | 毛片一区二区三区| 国产精品久久久久一区二区三区| 在线视频精品一区| 亚洲日本一区二区三区在线不卡| 国产一区二区视频在线播放 | 精品成人一区二区三区四区| 成人精品视频一区二区三区不卡 | 国产福利一区二区三区在线视频|