Download presentation
Presentation is loading. Please wait.
1
段磊 王慧锋 TEL: 18780273367 E-mail: 653703162@qq.com
数据库系统原理课程设计 实验环节4 段磊 王慧锋 TEL:
2
HTML的结构 <HTML> <HEAD> <TITLE> 网页名称或抬头 </TITLE>
<BODY> 网页内容……. </BODY> </HTML>
3
HTML标签 字体标签 区段标记 列表 表格 表单
4
HTML标签(字体标签) <h1>（h6）...</h1>(h6)标题字
<i>...</i>斜体字 <b>...</b>粗体字 <u>...</u>底线 <s>...</s>删除线 <em>...</em>斜体字(强调) <del>...</del>删除线(表示删除)
5
HTML标签(区断标记) <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) <br>(换行) <p>...</p>水域(段落) <div>...</div>(默认是换行的) <span>…</span>(默认是不换行的)
6
HTML标签(列表) <ul> <li></li> </ul>有序 <ol>
<dl> <dt></dt>列表标题 <dd></dd>普通列表项 </dl>
7
HTML标签(表格) <table>……</table> 创建一个表格
<tr>……</tr> 表格中的每一行 <td>……</td> 表格的每一个格子 <th>……</th> 设置表格头：一个通常使用黑体居中文字的格子
8
表单简介 表单在HTML页面中起着重要作用，它是与用户交互信息的主要手段。 表单中主要包括以下的一些控件： button——普通按钮
radio ——单选按钮 checkbox——复选框 select ——下拉式菜单 text ——单行文本框 password ——密码输入框 textarea——多行文本框 file——文件 submit——提交按钮 reset—— 重填按钮
9
form标签 <form>标签的主要作用是设定表单的范围，并指定处理表单数据程 序的url地址。 其基本语法结构如下：
<form action＝url method=get|post name＝value onreset=function onsubmit＝function target=window> </form>
10
form标签 action：用于设定处理表单数据程序url的地址。
method：指定数据传送到服务器的方式。有两种主要的方式，当method=get 时，将输入数据加在action指定的地址后面传送到服务器；当method=post时 则将输入数据按照HTTP传输协议中的post传输方式传送到服务器。 name：用于设定表单的名称。 onrest和onsubmit是主要针对"reset"按钮和"submit"按钮来说的，分别设定了 在按下相应的按钮之后要执行的javascript函数。 示例 <form action=" method="get"> 请填入您的姓名：<input type="text" name="name" value="张三" size="10" maxlength="4"><br> 请填入电话号码：<input type="text" name="phone" value="" size="10" maxlength="8"> <input type="submit" value="提交"> </form>
11
submit/button按钮 <input type="submit" name="other_funtion" value="确定"> <input type="button" value="注册"> 主要属性 type="submit" 设定为 submit 或 reset。submit用来提交表单，reset用来重置表单中元素的数 据。 type还可设定为button，这时没有具体功能，一般配合javascript工作。 name="other_funtion" 按钮名称。 value="确定" 显示按钮文字。
12
简单练习
Similar presentations
