HTML脚本语言.ppt

type=text：表示输入单行文本。 maxlength=m：type取值text时有效，表示最大输入字符的个数m typet=textarea：表示输入多行文本。 size=m：type取值texyarea时有效，表示在输入多行文本时最大输入字符个数m。 type=password:表示输入数据为密码，显示时用*表示。 type＝checkbox：表示复选框。 type＝radio：表示单选框。 checked：在type取值radio/checkbox时有效，表示该项被默认选中 type＝submit：表示提交按钮，数据将被送到服务器。 type＝reset：表示清除表单数据，以便重新输入。 type＝file：表示插入一个文件。 type＝image：表示插入一个图像。 src=文件名：针对type=image情况，指定图像文件名。 type＝button：表示普通按钮。 type＝hidden：表示隐藏按钮，用户不能在其中输入，用来预设要传送的信息。 3.* XHTML 和XML (书上无) * * “标签属性：属性值”，这是一一对应的，每个属性与属性值对之间用分号隔开。 背景颜色属性background-color；而在脚本中，对象属性则连写成backgroundColor，第二个单词首字母大写，如有三个单词则第三个单词首字母也要大写， 注意，在Javascript中是严格区分大小写的。 例如，h1,h2{text-align:center;color:blue} * * 2. 使用id定义样式表 在HTML页面中id选择符用来对某个单一元素定义单独的样式，定义id选择符要在id名称前加上一个“#”号。使用id定义样式表的基本语法如下： #id名称{标签属性:属性值；标签属性:属性值；标签属性:属性值；……} 例如：#sample{font-family:宋体;font-size:60pt}， p id=sample段落文本/p。 * * 3. 使用class定义样式表 （1）标签名.类名{标签属性:属性值；标签属性:属性值；标签属性:属性值；……} 例如：h1.center{text-align:center}，该center类的样式只能用在h1标签上。 （2）.类名{标签属性:属性值；标签属性:属性值；标签属性:属性值；……} 例如：.text {font-family: 宋体;color: red;} p class =text段落文本/p， * * 3.2.3 在HTML中加入CSS的方法 在HTML中加入CSS的方法主要有三种： 嵌入式样式表 内联式样式表 外联式样式表 * * 1. 嵌入式样式表 例如： p style=“color:red;font-size:10pt”我爱我的祖国/p 这个样式表只是让当前的p/p标签对中的文字为红色，字体大小为10pt。 * * 2. 内联式样式表 内联式样式表利用style/style标签对将样式表定义在HTML文档的head/head标签对之间，内联式样式表的作用范围是本HTML文档。 * * 【例3-11】内联式样式表使用 html head title内联式样式表使用/title style type=text/css 　 !-- 　　 p{font-family:宋体;font-size:9pt;color:blue;text- decoration: underline} 　　 h2{font-family:宋体;font-size:13pt;color:red} 　 -- /style /head body form name=form1 method=post h2网页使用内联式样式表，本标题字体大小为13磅，字体颜色为红色/h2 p本段文字字体大小为9磅，颜色为蓝色/p * * * * 3. 外联式样式表 外联式样式表是将定义好的CSS单独放到一个以.css为扩展名的纯文本文件中，再使用link标签链接到网页中。 * * 【例3-12】外联式样式表使用 （1）创建样式表StyleSheet.css。 p {background-color:yellow;color:blue;font-style: italic} .text {font-family: 宋体;font-size: 20pt;text-decoration:underline} （2）