1. 程式人生 > >html隨視頻初試(8.24)

html隨視頻初試(8.24)

單純 工作 andrew 思路 jpg 搜索 button 感到 朋友

我參照doyoudo的HTML教程,其代碼都是視頻裏的,這是鏈接https://space.bilibili.com/20503549/#/channel/detail?cid=42234

1.html

 1 <!DOCTYPE html>
 2 
 3 <html>
 4     
 5 <head>
 6     <meta author="nco">
 7     <title>
 8         nco
 9     </title>
10     <link rel="stylesheet" type="text/css"
href="master.css" /> 11 12 </head> 13 14 <body style="background-color: powderblue;"> 15 16 <header><nav> 17 首頁 關於我們 教程 18 </nav></header> 19 20 <a href="http://www.w3school.com.cn"><h1>歡迎來到W3School</h1></a> 21 <form
action="/action_page.php"> 22 First name: 23 <input type="text" name="firstname" value="Mickey"/> 24 <br /> 25 26 Last name: 27 <input type="text" name = "lastname" value="Mouse"/> 28 <br /><br /> 29 <input type="submit" value="submit" /> 30 <button type="button" onclick
="alert(‘Hello world!‘)">click me!</button> 31 </form> 32 33 34 <br><hr> 35 <img src="http://www.pujia8.com/static/pics/20171203040045_59.jpg" width="500"> 36 <div> 37 <p>大概四年前,我白天在一個“高大上”的事業單位苦逼地工作,晚上下班了就在員工宿舍研究用AE做特效,做動畫,做這些我感興趣的東西。室友們通常都在看劇,給女朋友打電話,或者聽劉德華的歌。我做出一個效果之後興奮得要死,但大家並不care,這很正常。 38 <br> 39 <hr> 40 那個時候我開始了解到國外有很多大神在無私地分享教程,比如AE大神Andrew Kramer、Blender的大神Andrew Price、C4D的大猩猩Nick等等。這些人的創意、激情、思路、幽默簡直讓我這個一直接受中國式教育的土鱉感到震驚。我像追美劇一樣追他們的教程,不是因為有多大的動力要學好,只是單純的覺得好看,就像你看了好些年婆媳肥皂劇之後,突然發現電視劇居然可以像《越獄》像《絕命毒師》一樣好看。</p> 41 <h2>關於版權</h2> 42 43 <ol> 44 <li>本站所有付費內容都由<span>doyoudo</span> 擁有獨家版權和最終解釋權。</li> 45 46 <li>未經允許使用doyoudo的Logo及設計內容;使用錄屏軟件以及其他手段錄制課程視頻;通過技術手段非法下載課程內容;上傳課程內容到網盤或者其他平臺;通過網絡傳播課程內容;向其他人分享doyoudo付費賬戶並以此非法牟利。doyoudo 將永久凍結非法分享的賬戶,並對以上所有侵權行為進行法律和經濟上的追究和訴訟,絕不妥協。</li> 47 48 <li>只有版權得到保護,才會有更多優秀的作品出現。希望大家尊重我們的勞動成果,尊重版權,一起讓我們的版權環境越來越好。</li> 49 50 51 </ul> 52 </div> 53 54 <span class="tw">1111</span> 55 <span id="two">2222</span> 56 </body> 57 58 </html> 59

master.css

1 .tw{
2     font-size: 40px;
3     color: red;
4 }

note.txt

css選擇器{

屬性名:屬性值;

}

<style>標簽:

<link>標簽:

如何選擇元素

element:標簽

#id:使用id,加上#,不可以重名

.class:類似於id,可以重名

*:選中所有元素

element,element:多標簽同時修改css

element element:某標簽及其子標簽進行修改

element>element:同上,但是只搜索到子一代標簽

html隨視頻初試(8.24)