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