1. 前端：html：做网页的内容
CSS： 做网页的外观
JS：执行网页的动作
前端是静态网页，内容写死。要有变化的内容，需要数据库
浏览器去解析生成漂亮的界面
后台技术：.Net
C#
数据库： SQL Server
2. html框架的标准格式
<!DOCTYPE html> <!-- 定义文档类型--> <html> <head> </head> <body> </body> </html>
工具—选项—文本编辑器—HTML(Web窗体)—验证—HTML5 代表浏览器按照html5去解析
<meta charset="utf-8" /> 代表编码方式是utf-8
3. 一些常用的标签：（长按Ctrl +K+d 代码对齐）
<P> </P> 段落标签 paragraph
<br/> 换行 break
<pre></pre> 对换行，空格，段落都有作用，是预文本标签
&nbps; 空格
<hr/> 画水平线 horizontal rule
<h1></h1> 标题 权重高 heading
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<b></b> 粗体 bold
<i></i> 斜体 italic
<u></u> 下划线 underline
<s></s> 删除线
<sup></sup> 上标 superscript
<sub></sub> 下标 suberscript
有序列表 <ol> ordered list
<li></li> list item
<li></li>
</ol>
无序列表 <ul> unordered list
<li></li>
<li></li>
</ul>
解释性列表 <dl> definition list
<dt> 原文 </dt>
<dd>解释 </dd>
<dl>
表格 <table>
<caption></caption> 表的标题
<tr> <th></th> </tr>
<tr> <td></td> </tr>
</table>
<tr>为行标table row，<th>为标题列table heading，<td>为数据列table date
<td rowspan="2"> 并行
<td colspan="2"> 并列
表格也支持嵌套
超链接 (anchor)
<a href="https://www.baidu.com/">百度</a> 当前页面跳转 hyperlink reference
<a href="https://www.baidu.com/" target="_blank">百度</a> 打开一个新的页面
<a href="javascrip:;">登录</a> JS跳转，出现一个登录对话框
<!DOCTYPE html> <!--默认HTML5--> <html> <head> <title>我的第一个网页</title> <meta charset="utf-8" /> <!--编码方式--> </head> <body> <p>hello world</p> <!--段落标签--> <p>hello world</p> <p>hello <br/> world</p> <!--中间加了换行--> <pre> hello world hello world</pre> <!--对换行、空格和段落都有作用，是预文本标签--> <hr/> <!--画水平线--> <h1>你 好</h1> <!--标题，中间加了空格--> <h1>你好</h1> <h2>hello world</h2> <h3>hello world</h3> p<sup>2</sup><br/> <!--上标--> p<sub>2</sub> <!--下标--> <ol type="a"> <!--有序列表--> <li>hello world 1</li> <li>hello world 2</li> <li>hello world 3</li> <li>hello world 4</li> </ol> <ul type="square"> <!--无序列表--> <li>hello world 1</li> <li>hello world 2</li> <li>hello world 3</li> <li>hello world 4</li> </ul> <dl> <!--解释性列表--> <dt> 什么是C#</dt> <dd>这是编程语言</dd> </dl> <ul> <li> 领导的效能理论、依据 <ol> <li> 领导的权利基础 <ul> <li>强制权利</li> <li >奖赏权利</li> </ul> </li> <li> 领导理论 <ul> <li>持久论</li> <li>强调论</li> </ul> </li> </ol> </li> </ul> <!--列表的嵌套--> <table border="1"> <!--表格--> <caption align="bottom">学员信息表</caption> <!--表名称--> <tr><th>学号</th><th>姓名</th><th>成绩</th></tr> <!--<tr>代表行，<th>代表标题列--> <tr><td>0000</td><td>张三</td> <td>98</td></tr> <!--<td>代表数据列--> <tr><td>0001</td><td colspan="2">李四</td> </tr> <tr><td rowspan="2">0002 </td><td>王五</td> <td>76</td></tr> <tr><td>赵六</td> <td> <!--表格的嵌套--> <table border="1"> <tr><td>你好</td></tr> <tr><td>hello</td></tr> </table></td></tr> </table> <a href="https://www.baidu.com/">百度</a> <!--当前页面跳转--> <a href="https://www.baidu.com/" target="_blank">百度</a> <!--打开一个新的页面--> <a href="javascrip:;">登录</a> <!--JS跳转，出现一个登录对话框--> </body> </html>
4. HTML标签大小写不敏感，建议都用小写。
<p> 这是开始标签 </P>这是关闭标签，开闭之间为内容。
没有内容的HTML元素称为空元素，空元素是在开始标签中关闭，<br/>。
属性总是以名称/值的形式出现，name="value"，属性总是在HTML元素的开始标签中规定；属性值应该始终被包含在引号内，双引号是最常用的，但是当属性值本身就含有双引号，那必须用单引号，name='YOYO "hello world" Gates'