段磊 王慧锋 TEL: 18780273367 E-mail: 653703162@qq.com 数据库系统原理课程设计 实验环节4 段磊 王慧锋 TEL: 18780273367 E-mail: 653703162@qq.com.

Slides:



Advertisements
Similar presentations
Java Web 开发 授课人:张鸽. 第三讲 JSP 内置对象  JSP 有以下九种内置对象,包括:  ·request ,请求对象  ·response ,响应对象  ·pageContext ,页面上下文对象  ·session ,会话对象  ·application ,应用程序对象.
Advertisements

《计算机网络技术》 动态网页制作技术 常用HTML控件课程积件 杨 姝.
互動表單的應用.
第六章 网页设计与制作基础.
从大纲教材到课标教材的变化与思考 ——高中数学课标教材实验心得 深圳中学 宋绍鹏.
第3章 文字与段落 清华大学出版社.
教育科研课题基本常识 忠县教育科学研究所 平民聊教
HTML第一课 李 伟 HTML开发语言基础.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
动态网页制作 第1章 HTML语言1.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
主讲 冷清波 城乡规划管理与法规 主讲 冷清波
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
第五单元课1-3 层叠样式表.
第3章 HTML语言 3.1 HTML文档的基本结构 3.2 文字排版 3.3 图片排版 3.4 超级链接 3.5 表格 3.6 框架窗口
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
5.1 – 表格(FORM) 輸入元素 : 兩種傳遞方法 : GET or POST 範例 1. 文字欄位 Text box
CT212 (02/03)-Network Programming and design
網際網路的應用服務 – Web 概念與網頁語言
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
Google 自訂搜尋 淡江大學資訊中心 專案發展組 朱家璁 2009/10/6.
Hello World 體驗實作第一個JSP程式.
教師: 陳明瑤 電郵: 網際網路應用-網頁設計3 教師: 陳明瑤 電郵:
第 2 章 必備的 HTML 與 CSS 重點.
第四章 網頁表單與資料傳遞.
专题4:JSP脚本和指令.
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
第2章 超文本标记语言HTML.
JavaScript 语言3 学习网站:心蕊设计
Lesson 5 :基礎應用二(留言版) (2004/08/20).
進階 WWW 程式設計 -- PHP Regular Expression 靜宜大學資訊管理學系 蔡奇偉副教授 2004
無障礙網頁 公關室.
PHP+MySQL互動式網頁程式設計班 檔案上傳程式設計 講師:林業峻 CSIE, NTU 7 / 3, 2010.
檔案上傳 所謂檔案上傳,就是將檔案由客戶端的主機,藉 由瀏覽器傳送到伺服器的資料夾上。
HTML5简介 WEB前端三剑客之一.
JavaScript 靜宜大學 資管系 楊子青.
PHP 程式流程控制結構.
HTML – 文字格式 資訊教育.
段磊 王慧锋 TEL: qq群: 数据库系统原理课程设计 实验环节2 段磊 王慧锋 TEL: qq群:
网 站 设 计 与 建 设 Website design and developments
PHP 變數、常數與運算子 變數 常數 運算子
W3C标准网页制作 主讲教师:张 涛.
网站设计 前端 选择器(复习),表单.
表單(Form).
中小企业如何做好搜索引擎营销 ——程序员如何做好SEO 臧承云 2010年11月28日.
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
HTML 103 互動式網頁.
Ch09 在網頁之間傳遞資訊 網頁程式設計.
表單(Form).
表格(HTML – FORM).
第4章 ASP.NET服务器控件.
網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:
HTTP 1.1 Method OPTIONS GET HEAD POST PUT DELETE TRACE CONNECT
HTML 103 互動式網頁 助教:黃毓瑩.
项目二:HTML语言基础.
進階網頁設計 電算中心 – 何建義.
第6章 PHP的数据采集.
表格(HTML – FORM)
PHP程式設計 五、程式流程控制結構 建國科技大學 資訊管理學系 饒瑞佶.
第2章 块级标签 经济管理学院.
HTML表单 JSP借由标签所构成的表单区块中,取得用户在其中特定字段输入的数据內容 。 JSP 动态网页新技术.
表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。
教师:李金双 网页制作 教师:李金双
Presentation transcript:

段磊 王慧锋 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="确定" 显示按钮文字。

简单练习