第02章HTML文档基础.pptVIP

制作学生信息网页 * 上机实验： * 第二章 完 * 附：HTML表单基础 HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。 form action= method=get name=form1 请输入你的姓名： input type=text name=yourname input type=submit value=提交 onClick=check() /form 学习HTML表单(Form)最关键要掌握的有三个要点： 表单控件(Form Controls) Action Method * HTML表单 form action= method=get name=form1 请输入你的姓名： input type=text name=yourname input type=submit value=提交 onClick=check() /form HTML表单(Form)常用控件有： * HTML表单 单行文本输入框允许用户输入一些简短的单行信息，比如用户姓名。 例句如下： input type=text name=yourname * ①单行文本输入框 通过提交(input type=submit)可以将表单里的信息提交给表单里action所指向的文件。 例句如下： input type=submit value=提交 * ②提交 复选框允许用户在一组选项里，选择多个 示例代码： input type=checkbox name=fruit value =apple苹果brinput type=checkbox name=fruit value =orange桔子brinput type=checkbox name=fruit value =mango芒果br checked表示缺省已选的选项。 input type=checkbox name=fruit value =orange checked桔子br * ③复选框 使用单选框，让用户在一组选项里只能选择一个。 示例代码： input type=radio name=fruit value = Apple苹果brinput type=radio name=fruit value = Orange桔子brinput type=radio name=fruit value = Mango芒果br 用checked表示缺省已选的选项。 input type=radio name=fruit value = Orange checked桔子br * ④单选框 下拉框(Select)既可以用做单选，也可以用做复选。 单选例句如下： select name=fruit ? option value=apple苹果? option value=orange桔子? option value=mango芒果/select 如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。 select name=fruit multiple * ⑤下拉框 密码输入框(input type=“password”)主要用于一些保密信息的输入，比如密码。因为用户输入的时候，显示的不是输入的内容，而是● 。 例句如下： input type=password name=yourpw * ⑥密码输入框 多行输入框(textarea)主要用于输入较长的文本信息。 例句如下： textarea name=yoursuggest cols =50 rows = 3/textarea 其中cols表示textarea的宽度，rows表示textarea的高度。 * ⑦多行输入框 * 上机实验： 制作如下表单 * * 清华大学出版社 * 第2章HTML文档 乔小燕 * 第2章 HTML文档 主要内容 HTML文档基础 HTML文档中常用标记 HTML(Hyper Text Markup Language)，超文本标记语言是一种用来制作超文本文档的简单标记语言。 通过Web浏览器进行编译和执行才能正确显示。 * 2.1 HTML文档基础 HTML主要由文本和标记两部分构成。 ⒈双标记语法： * 2.1.1 HTML标记 标记内容标记 ⒉单标记语法： 在HTML中，最常用的单标记是br,hr 在使用大多数单标记和多标记的开始标记内通常可以包含一些属性。语法： 用空格分割