<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>演示单元格的合并</title>
<table border="" cellspacing="" cellpadding="">
<tr><th>Header</th></tr>
<tr>
<td>1</td>
<!-- 表示两个 -->
<td colspan = "2">11</td>
<!-- <td>1</td> -->
</tr>
<tr>
<td>2</td>
<td>1</td>
<td rowspan = "2">王</td>
</tr>
<tr>
<td>3</td>
<td>1</td>
<!-- <td>我爱你</td> -->
</tr>
</table>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>color</title>
</head>
<body background = "./images/mysql.PNG" >
<!-- bgcolor指定背景颜色
background 指定背景图片-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>file</title>
</head>
<body>
<!-- 后台使用io流接受文件 -->
文件：<input type="file" /><br>
<input type="submit" value="upload" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hide</title>
</head>
<body>
<form action="http://127.0.0.18080/crm/save" method="post">
<!-- 不希望用户在浏览器是哪个看见 -->
<input type="hidden" name="usercode" value="1111" />
<input type="submit" value="提交"/>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>id属性</title>
</head>
<body>
<!-- 任何一个节点都是有id属性的，在同一个网页中，ID属性是不能重复的，唯一标识
后期学习了javascript就可以用它对节点进行增删改，id属性让我们更加方便获取到该节点。
就是为了获取节点-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>photograph</title>
</head>
<body>
<!-- src 图片的来源 width 是宽度，不要设置高度，系统会自动缩放alt = "用来表示
图片加载失败的时候信息" -->
<!-- div独自占用一行，span不会独占一行 -->
<img src ="./images/mysql.PNG" width ="500px" title = "是设置鼠标的悬停时候的提示信息" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>readonly</title>
</head>
<body>
<form action="http://127.0.0.18080/crm/save" >
<!-- readonly是能提交的，disabled是不能提交的，他们都是不能修改的 -->
<!-- maxlength 是最多输入三个字符 -->
<input type="text" name="orgcode" value ="1111" readonly />
<input type="text" maxlength = "3" />
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>th标签</title>
</head>
<body>
<table border = "1px" width = "50%">
<tr>
<!-- th 就是会自动加粗，自动居中 -->
<th>员工编号</th>
<td>name</td>
<td>salary</td>
</tr>
<tr>
<td>2</td>
<td>cody</td>
<td>25000</td>
</tr>
<tr>
<td>5</td>
<td>tim</td>
<td>256666</td>
<td>256666</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>tfoot tbody thead </title>
</head>
<body>
<!-- 一个table可以被tfoot tbody thead 将表格分为三个部分，为javascript 其实就是将表格区分开来-->
<table border = "1px" width = "50%">
<thead>
<!-- th 就是会自动加粗，自动居中 -->
<th>员工编号</th>
<td>name</td>
<td>salary</td>
</thead>
<tbody>
<td>2</td>
<td>cody</td>
<td>25000</td>
</tbody>
<tfoot>
<td>5</td>
<td>tim</td>
<td>256666</td>
</tfoot>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 什么是表单（form ），收集用户的数据，用户的密码啥的，把数据带给服务器，表单提供了用户输入的位置 -->
<!-- 1、怎么定义一个表单对象
<form>
表单项
</form>
2、form中有一个action属性，这个属性和href 相同 都需要url
-->
<form action="http://www.baidu.com" >
<!-- 所有能够提交表单的按钮，type 必须是submit，不能随便写 ，submit提交按钮，必须放在form内部-->
<input type="submit" value="百度"/>
<!-- <input type="button" src="" /> button是不能够提交表单的-->
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<form action="http://192.168.145.2:8080/crm/login" method="post">
<!-- 协议是http协议，8080对应一个服务，是服务器上的资源名 -->
<!-- form 中有name 才会提交，没有name 是不会提交的 value 是不需要我们来写的，是用户输入的。
格式：url?name=value&name=value&name=value&name=value格式是固定的
-->
用户名：<input type="text" name = "x"/>
<br>
密码：<input type="password" name = "y"/>
<br>
<!-- 提交表单的按钮 -->
<input type="submit" value="登录" />
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册的表单</title>
</head>
<body>
<form action="http://localhost:80/crm/register" >
用户名<input type="text" name = "username" />
<br>
密码<input type="password" name="userpwd" />
<br>
性别
<!-- 同一组的单选按钮，name是需要一致的。单选 cheaked 是表示默认选中，
最终提交给服务器的数据是sex= 1或者 sex = 2-->
<input type="radio" name = "sex" value = "1" cheaked/>男
<input type="radio" name="sex" value="2" />女
<br>
<!-- cheakbox 就是可以选中多个的----》多选题 -->
兴趣
<input type="checkbox" name="aihao" value="eat" />吃
<input type="cheakbox" name="aihao" value="drink" />喝
<br>
学历
<!-- selected表示默认选中 这是下拉列表-->
<select name = "education">
<!-- 假设选中的是高中 向服务器提交的是 education = gz -->
<option value="gz">高中</option>
<option value="dz">大专</option>
<option value="bk" selected>本科</option>
<option value="ss" >硕士</option>
</select>
<br>
简介
<textarea rows="10" cols="20" name = "jianjie">
</textarea>
<br>
<input type="submit" value="register" />
<input type="reset" value="reset" />
<!-- 必须在表单中才能提交 -->
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>超链接</title>
</head>
<body>
<!-- 连接到百度的超链接 -->
<a href ="http://www.baidu.com">百度</a>
<br>
<!-- <br>是换行的意思 -->
<!-- 连接的路径可以是网路上的路径，也可以是本地的一个路径 -->
<a href = "http://www.jd.com">京东商城</a>
<!-- 下面用图片超链接 在中间直接加上超链接 -->
<br>
<a href = "http://www.baidu.com"><img src = "images/mysql.PNG" width = "500px" title = "点击我连接到百度" target = "_self"></a>
<br>
<!-- <iframe src="" width="" height=""></iframe> -->
<!-- 关于超链接的target 属性，用来设置最终打开窗口的位置 target = "_self" "_black""_parent""_top 当前窗口的顶级窗口" 是新开一个窗口 -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>下拉列表</title>
</head>
<body>
<select name = "province" size = "3" mutiple>
<!-- size显示最多显示的数量。-->
<!-- value里面的值是提交给你服务器的，而中间的值是给我们自己看的。是在界面中显示的。 -->
<option value ="jiangsu">江苏</option>
<option value ="shandong">山东</option>
<option value ="shenhen">深圳</option>
</select>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- ol也就是添加了序号而已 -->
<ol type = "A">
<li>水果</li>
<li>葡萄</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- ul 表示列表，li = list 表示具体的值 -->
<ul>
<li>北京
<ul>
<li>天津</li>
<li>河南</li>
</ul>
</li>
</ul>
</body>
</html>
扫一扫
2440
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
