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
給大家推薦一下學(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
不同的標(biāo)簽,有不同的屬性;也有一些通用屬性(在任何標(biāo)簽內(nèi)都能寫)屬性名、屬性值不能亂寫,都是W3C規(guī)定好的屬性名、屬性值,都不區(qū)分大小寫,但推薦小寫雙引號,也可以寫成單引號,甚至不寫,但推薦寫雙引號標(biāo)簽中不要出現(xiàn)同名屬性,否則后寫的會失效,例如:<input type="text" type="password">
VSCode 刪除行快捷鍵:Ctrl+Shift+K
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)勢
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ù)覽效果
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ù)覽效果圖
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ù)覽效果圖
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
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。