课程：孔浩前端视频教程(JavaScript系列:1~5讲)
<html> <head> <title></title> <!--html只负责显示，不涉及逻辑控制和样式设计(需深度理解)--> <meta name="Generator" content="Sublime"></meta> <!--提供有关页面的元信息，如针对搜索引擎和更新频度的描述和关键词；meta中的元数据总是以名称/值的形式对称传递。英语中含义：元、初始的。--> <meta name="Author" content=""> <meta name="Keywords" content="国务院"></meta> <!--帮助搜索引擎爬虫快速获取网页。--> <meta name="Description" content=""> <!--检索的时候，会检索页面的这个标签。--> </head> <body> <br/> <!--自结束标签，表示换行，上面一个空行--> <p align="center"></p> <!--也可以实现换行，前面一个空行；后面一个空行；段落--> <h1></h1> <!--加粗；加大；标题；这部分依旧保留使用--> <ul> <!--unOrder list;点;点;点;点--> <li></li> <!--list--> </ul> <ol> <!--Order list;1.2.3.4--> <li></li> <!--list--> </ol> <ul> <li> <ul> <li></li> <!--可以嵌套;html只负责显示，会显示所有内容，但不负责绚丽的展示--> </ul> </li> </ul> <font></font> <!--这类font color标签已淘汰--> <dl> <!--data list;结合了dd dt展示列表中的项目；可以用来替换h1和ul标签；提供了数据列表显示的功能--> <dt></dt> <!--data title--> <dd></dd> <!--data destcription--> </dl> <!----> <!--注释标签--> <pre></pre> <!--保留被包围部分的空格和换行符且文本也会呈现等宽字体；常用来显示计算机的源代码;最好只用于显示代码，换行等不要放在其中来展示--> i<10 i>15 <!--将<>这两个大小比较符与标签符号区别开。&是转义字符，lt less than；gt great than；记得加封号--><!--< >--> <!--空格--> © <!--copy的符号;是&;表示版权符号的特俗符号 圈中有个C--> & <!--专门用于输出&符号;因为在html中,&常被用作转义字符--> <a href="" target="_blank" title=""></a> <!--超链接;target表示在新标签页中打开_self或_blank;title是悬浮显示内容--> <marquee direction="" scrollamount="" onmounseover="this.stop()" onmouseout="this.start()"></marquee> <!--默认从右往左飘;left right up down;scrollamount滚动速度调节;onmouseout控制点就停离开就走的功能--> <img src="" width="" height="" alt="搞笑" title="宁波"/> <!--src来源;width height控制尺寸;alt和title控制让搜索引擎检索--> <!--div和span标签一般用来进行容器的控制。在实际开发中，通常使用div来设定一个容器，这个容器中可以放置大量的内容，span标签一般用来放置文本数据，用来尽心简单的控制--> <div> <!--布局标签;一块大容器,有换行--> <span></span> <!--小容器,不换行--> </div> <!--一个简单的表格由table tr td(table data)三大部分组成；还有两个专门用来做样式控制的标签thead tbody--> <table width="" boder=""> <!--border边框--> <tr> <!--tr table row;一行--> <td colspan=""></td> <!--table data;行内数据;colspan表示合并单元格--> </tr> </table> <!--一般表格;合并单元格;表格的嵌套--> <table> <tr> <td colspan="3"> <!--表格的嵌套--> <table><tr><td></td></tr></table> </td> </tr> </table> <!--表格的综合练习--> <table> <tr> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td> <table width="900" height="800"> <tr valign="top"> <!--顶端对齐--> <td width="200"> <table>。。。 </table></td> <td width="600"> <table>。。。</table></td> </tr> </table> </td> </tr> <tr> <td>©</td> </tr> </table> <!--表单:用于填数据;所有的表单标签原则上都要放置在form标签内;form input标签--> <form action=""> <!--表单用于填数据;表格用于显示数据--> UserName:<input type="text"/><br/> Password:<input type="password"/><br/> <input type="submit" value="login account"/> <input type="button" value="just try it"/> <!--当name相同时,表示是单元按钮;录音机按下一个键,其他都被弹起来了--> Sex:<input type="radio" value="M"/ name="sex">M <input type="radio" value="F"/ name="sex">F <!--复选框按钮--> Interests:<input="checkbox"/> basketball <input="checkbox" /> Football <!--下拉列表框--> Orignal:<select> <option>Beijign</option> <option>Shanghai</option> <option>NingBo</option> <select><br/> <!--常用的文本框--> Self-Introduce:<textarea cols="" rows=""></textarea> </form> </body> <!--没有CSS的样式,内容还是都一样的都有的.内容有HTML控制,css控制样式--> <!--分析网页的,整体的大的格局和布局--> </html>
1、
2、
3、