前端的实现分为三大部分 HTML CSS Javascript
HTML 搭建网页的基本架构
CSS 对网页进行美化
JAVAScript(JS) 对网页进行动态效果的设置
HTML标签的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content=""></meta>
<meta name="keywords" content=""></meta>
<title>Title</title>
</head>
<body>
<!--标题标签 h1 ---h6 六个级别-->
<h1></h1>
<!-- 单标签-->
<br/> <hr/>
<!-- 段落标签-->
<p></p>
<!-- 文本标签-->
<b></b><strong></strong><!--加粗-->
<i></i><em></em><!--倾斜-->
<u></u><ins></ins><!--删除线-->
<s></s><del></del><!--下划线-->
<!--图像标签-->
<img src="" alt=""/>
<!--超链接标签-->
<a href="" target=""></a>
<!--列表标签-->
<!--有序列表-->
<ol>
<li></li>
</ol>
<!--无序列表-->
<ul>
<li></li>
</ul>
<!--自定义列表-->
<dl>
<dt></dt>
<dd></dd>
</dl>
</body>
</html>
表格table
<!--
cellpadding 设置单元格中的内容于表格变宽的距离 通常使用像素值来表示
cellspacing 设置单元格于单元格之间的空白间距
align 位于table标签 则是整个表格在页面按照设定的对齐方式对齐
align位于td 则是单元格的内容进行按照设定的对齐方式对齐
align 位于tr 则是当前行的所有单元格内容按照设定的对齐方式对齐
align 位于tbody 对标题的内容进行设置对齐方式
rowspan 合并单元格 行合并 其后的参数表示要合并的行的数量
colspan 列合并 其后的参数表示要合并的列的数量
-->
<table border="1px" width="500px" height="200px" cellpadding="10px" cellspacing="0px" align="center">
<thead>
<tr>
<th>姓名</th>
<th>学校</th>
<th>年龄</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td >张三</td>
<td rowspan="4">中北大学</td>
<td>22</td>
</tr>
<tr >
<td>李四</td>
<td>20</td>
</tr>
<tr >
<td>王五</td>
<td>23</td>
</tr>
<tr >
<td>李小四</td>
<td>25</td>
</tr>
<tr>
<td>合计</td>
<td colspan="2"></td>
</tr>
</tbody>
</table>
表单
收集数据以便用于提交
表单控件:
包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息:
一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
表单域:
他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。