整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
性是HTML元素提供的附國信息
HTML元素可以設置屬性
屬性可以在元素中添加附加信息
屬性一般描述于開始標簽
屬性總是以名稱/值對應的形式出現，例如：name="value"
例，鏈接地址是href的屬性
<a >鏈接地址是href的屬性</a>
HTML屬性常用引用屬性值
屬性值應該始終被包含在引號內
雙引號是常用的，單引號也沒有問題，
如果屬性值本身就包含了雙引號，即么則必須引用單引號，例：name='John"ShotGun"Nelson'
HTML提示：使用小寫屬性
屬性和屬性值對大小寫不敏感。
HTML屬性參考
calss 為HMTL元素定義一個或多個名
id 定義元素的唯一id
style 規定元素的行內樣式
title 描述元素的額外信息
HTML標題
HTML注釋
類似于對代碼進行備注，默認有兩種試
1、<!-- 這是一個小的注釋 -->
常用于一小段注釋
2、//注釋 有時候不起作用，不知道為啥，知道的回復下啦
HTML提示，如何查看源代碼
如果你想看，在網頁中，單擊右鍵，然后選擇查看“源文件”或者醒看頁面源代碼即可；
用說， Flash的效果大家都清楚。實際上，HTML5和JavaScript擁有很多新屬性，可以用它們來替代Flash。W3Cschool精選16個超牛逼的HTML5和JavaScript特效，看了這些特效，未來的Web發展前途無量。
1.特效：FlowerPower
創作者使用花朵作為畫刷，以貝茲曲線方式繪圖。
2.特效：Breathing Galaxies
動態變換直徑及顏色，可通過鼠標或鍵盤產生新形狀，這個效果不錯!
3.特效：Noise Field
移動鼠標可改變粒子運動，點擊可隨機生成不同粒子效果。
4.特效：HTML5 Canvas粒子效果文字動畫特效
W3Cschool利用HTML5，制造出了粒子效果文字動畫特效。只要你輸入框中輸入想要展示的文字，回車后即可在canvas上繪制出粒子效果的文字動畫，相當酷的動畫效果。
5.特效：Swirling Tentacles
三維脈沖效果，沿著脈沖線有運動的顏色漸變模塊。
6.特效：Keylight
雙擊生成兩個以后的鍵即可發出聲音，移動鍵的位置可產生不同的聲音效果。W3Cschool上面有很多這樣的教程，有興趣可以去看一下！
7.特效：Rotating Spiral
旋轉的螺旋效果，單擊可以控制開始和停止旋轉，是不是覺得高大上？
8.Blob
拖動水滴有重力效果，雙擊可以分離，小水滴碰到大水滴會合并。
9.Trail
彩色顆粒跟隨鼠標運動效果，帶尾巴淡出效果。
10.Graph Layout
一種交互的力向圖布局效果，刷新三觀。
11.Typographic Effects
使用HTML5 Canvas實現的文本特性，效果超過Flash。
12.Crazy Tentacles
移動鼠標可以進行涂鴉，點擊鼠標可以清除畫布，看著確實瘋狂。
13.Nebula
吸引眼球的粒子系統，目的是測試WebGL性能，如果滑動鼠標，可以產生絢麗效果。
14.WebGL Globe
WebGL Globe 是一個開放的地理數據可視化平臺，我們鼓勵你復制代碼，添加自己的數據，創建自己的應用。
15.Particle Playground
用鼠標和粒子進行交互，能發現不一樣的精彩。
16.Surface
使用WebGL實現的水面特效實驗，可放入一張照片，使用鼠標觸動水面會有奇特效果。
上面的HTML5和JavaScript特效，簡直趕超Flash。W3Cschool上面有很多用戶留言稱HTML5和JavaScriptit將替代Flash，不過對于這種說法，也不知道怎么去評判。畢竟這些用戶說的也是很有道理，你認為JavaScriptit會替代Flash嗎?很想知道你的答案!
公眾號：w3c技術教程
提供專業的web技術教程、手冊、工具。
全棧攻城獅-每日更新原創IT編程技術及日常實用視頻。
主要內容：正式引入HTML網頁開發，學習并了解HTML的相關知識。變身Web開發達人，做全棧程序員。這是HTML技術的第二課，主要講解一下HTML的幾大重要標簽，做出來比較不錯的顯示效果。
上節中主要講解了HTML的開發工具以及書寫了第一個Web網頁。上節請戳→HTML電腦編程02 書寫第一個Web網頁 程序員學習復習
第一個HTML網頁
其中包括<html>....</html>標簽、<head>...</head>（頭部標簽）、<title>...</title>（標題標簽）、<body>...</body>（身體標簽）。每個標簽都有自己的含義。其實還有很多非常重要的標簽的。下面我們一起來看一看。
PS小技巧：分享個寫標簽的小技巧，在書寫（<）時，順帶著把（>）也也寫好了。成對成對的寫，對于標簽也適用，如在寫html標簽時。書寫順序如下：
1.<
2.>
3.html
4.<
5.>
6./html
對于標簽的學習，最好進行分類，這樣就可以快速的進行學習了。首先說一下文本標簽。
文本標簽是用來顯示文字的。只要是內容的東西，咋就意味著需要卸載body內：
body標簽
如同上節課一樣，直接在body標簽中寫文字也是可行的。但是你無法對字體顏色格式等信息進行控制。所以出現了不同的文本標簽，用來顯示設置不同的字形。
如同名字一樣，標題標簽就是標題。使用這個標簽可以讓你的內容和標題一樣顯示。標題標簽包括<h1>-<h6>六種。
6種標題標簽
其顯示效果如下：
6種標題標簽的展示效果
可以看到H1-H6標簽的大小不一致。H后面的數字越大反而越小。
H標簽中還包含一個屬性align。那到底什么是屬性呢？
屬性以鍵值對的形式存在。屬性是相對于標簽而言的，也就是需要把屬性寫在標簽內。既然是屬性，也就意味著可以改變標簽的某些功能。例如H標簽中含有align屬性。這就是用來控制對齊方式的。
align屬性
align屬性就是用來控制對齊方式的。通過上圖，也可以看到屬性的書寫方式。一起來看一下效果吧：
align屬性的不同效果
align屬性常用的包括left（靠左）、center（居中）、right（靠右）三個基本值。
下面介紹幾個物理字體的標簽。物理字體指的是：加粗、斜體、下劃線、上下標等
粗體：
粗體
粗體顯示的效果
還有其他的標簽，和b標簽使用方式一致：
各種物理字體
大家直接試用一下就可以看到效果了。
本教程由做全棧攻城獅，原創首發，如有轉載，請注明出處。
如果你有什么比較不錯的編程技巧，或者你想要什么程序員編程資源，點擊下方了解更多。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
