我参照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）
原文地址：https://www.cnblogs.com/ncoheart/p/9532048.html