内容（HTML），表现（css），行为（js），简称：前端三傻。。。 作为一个后端程序员今天浅谈一下前端，毕竟不是专业，足够工作需求，点到为止就好，毕竟脱发是件很痛苦的事情。
HTML（喝特摸了）：其实就是各种标签。分成两种1.结构标签。2.内容标签。
内容标签有很多，简单分成三类：简单标签，复杂标签，表单元素。 1）简单标签：常用的标签
<h1>标题</h1> <h2>标题</h2> <h3>标题</h3> <h4>标题</h4> <h5>标题</h5> <h6>标题</h6> <p>p标签</p> 换行：<br/> 水平线：<hr> 图片<img src="img/3.jpg" alt="hehe" width="200px" height="200px"><br> <a href="http://www.baidu.com" target="_self">本页跳转超链接</a><br> <a href="http://www.qq.com" target="_blank">新开页面跳转超链接</a><br>这些基本就是后台人员常用的简单标签。
链接的类型简单分有三种： 1.页面间链接：不解释啦… … 2.锚链接：是跳转到某个网页的某个指定的位置 3.功能性链接：（调用网页，浏览器之外的程序）
这里还有就是特殊字符的使用<>和空格：都是由三部分组成” &+代码+；“ 空格： 大于号：> 小于号：< &号：& … …等
2）复杂标签： 1.有序列表；
<ol> <li>三国演义</li> <li>西游记</li> <li>水浒传</li> <li>红楼梦</li> </ol>2.无序列表；
<ul> <li>皮尔斯</li> <li>加内特</li> <li>雷阿伦</li> <li>隆多</li> </ul>3.表格 行合并：colspan=“合并个数” 列合并：rowspan=“合并个数”
<table align="center"> <tr> <td colspan="6">洗浴工作室员工</td> </tr> <tr> <td rowspan="2">\</td> <td colspan="3">人数</td> <td rowspan="2">健康</td> <td rowspan="2">平均颜值</td> </tr> <tr> <td>男</td> <td>女</td> <td>总</td> </tr> <tr> <td>技师部</td> <td>2</td> <td>0</td> <td>2</td> <td>是</td> <td>高</td> </tr> <tr> <td>行政部</td> <td>1</td> <td>1</td> <td>2</td> <td>是</td> <td rowspan="3">低</td> </tr> <tr> <td>保安部</td> <td>1</td> <td>2</td> <td>3</td> <td>是</td> </tr> <tr> <td>搓澡部</td> <td>7</td> <td>0</td> <td>7</td> <td>否</td> </tr> </table>3）form表单元素
<form action="xxxx"> 类型：<input type="radio" name="type">企业 <input type="radio" name="type">个人 <br/><br/> 用户名：<input type="text" placeholder="用户名"><br/><br/> 地区：<select name="dl" id="place"> <option value="null">请选择</option> <option value="dl">大连</option> <option value="sh">上海</option> <option value="bj">北京</option> <option value="cq">重庆</option> </select><br/><br/> 身份证号：<input type="text" placeholder="身份证号"><br/><br/> 电子邮箱：<input type="text" placeholder="电子邮箱"><br/><br/> 手机号：<input type="text" placeholder="手机号"><br/><br/> 密码：<input type="password" placeholder="密码"><br/><br/> 确认密码：<input type="password" placeholder="确认密码"><br/><br/> <input type="checkbox">《商家入驻服务协议》<br/><br/> <input type="submit" id="" value="注册"> <input type="reset" id="" value="重置"> </form>表单基本操作… …
1.页面上的内容都是HTML做的，css只是负责表现形式，js必须要有触发行为。 2.HTML都是标签，分成三部分：标签名，属性，内容。 3.HTML文件，都是严格执行树形结构。 作为一个后端狗，这些基本能让你小懂HTML，想要深入了解，还是要不断学习。 哈哈！ 年轻人：知足上进，不负野心！ 加油各位！！！
