HTML
HTML 指的是超文本标记语言 (HyperText Markup Language)
Body标签的属性
1. text 用于设置文字颜色
2. bgcolor 用于设置页面的背景色
3. background 用于设置页面的背景图片
在html中书写颜色的方式有三种:
1.直接书写颜色单词 red green yellow blue等
2.通过16进制描述 #FFFFFF 白色 #FF0000 红色 #00FF00 绿色
3.可以通过rgb(0,0,0)这样方式
Html 注释 <!-- 这个是注释-->
<img>
常用属性
1. src 代表的图片的路径
2. width 图片的宽度
3. height 图片的高度
4. border 用于设置图片的边框
5. alt 如果图片不可以显示时,默认显示的文本信息
6. align 图片附件文字的对齐方式可取值有 top bottom left right middle 默认是bottom
<a> </a>
1. href 代表的我们要跳转的路径
2. name属性可以让我们在本页面设置一个锚点
注意:通过超链接要想跳转到本页面指定的锚点位置,必须在前面加上#号。
#号其实代表的就是本页面。
<a name=”bottom”></a>
<ahref="#bottom">底部</a>
点击底部,回到名字为#号后的.
<td>代表单元格
常用属性
colspan 指示列的合并
rowspan 指示行的合并
表单标签
1. 所有表单中的元素都要具有名称.
2. 单选框要想可以一次只选择一个,要具有相同的name值,如果要设置默认值,可以通过checked=”checked”来设置。
3. 可以给<textarea>来设置rows cols来控制行数与列数
4. 多选框要想设置默认选中与单选框设置一样,都可以通过checked=”checked”来设置
5. 如果要设置下拉框被选中可以在<option>标签上设置selected=”selected”.
问题:关于表单中的标签为什么要添加name属性?
表单怎样提交数据?
<form>标签它的属性:
name属性:代表表单的名称
action:它其实就是代表表单提交的位置
method:代表的是表单提交的方式.常用的提交方式get/post 默认是get
表单提交时,action代表的是表单提交的路径,在表单的所有标签上如果添加了name属性,这时,提交表单信息时,会以
路径?name=value&name=value&name=value;
对于我们的radio,checkbox,option也需要设置它们的value值
问题:method代表的是表单提交的方式,get/post 它们有什么区别?(笔试题)
1. 如果使用get方式提交,它不安全,会在浏览器上显示提交的请求参数
如果使用post方式提交,它比较安全,不会在浏览器地址栏上显示请求参数
2. get请求方式,只能提交少量数据,1kb以下。
post请求是可以提交大数据。
文本框常用属性<input type=”text”>
value:文本框中默认值
size:文本框的长度
maxlength:文本框中最大输入字符个数
密码框常用属性<input type=”password”>
value:文本框中默认值
size:文本框的长度
maxlength:文本框中最大输入字符个数
单选框常用属性<input type=”radio”>
Name:多个单选框要想只选择一个,必须具有相同name值
Value:单选框提交时的值
Checked 设置单选框默认选中
多选框常用属性<input type=”checkbox”>
Name:代表多选框的名称
Value:单选框提交时的值
Checked 设置单选框默认选中
下拉框<select><option>
Name 下拉框名称
Size 显示时的行数
Multiple 是否一次可以选择多个 (按信shift键选择)
<option>可以有一个属性value,它代表的是提交到服务器时的值.
文本域 <textarea>
rows 设置行数
cols 设置列数
如果要想在文本域中显示默认值,我们需要在<textarea>标签中间去设置
按钮 <input type=”button”>
这就是一个无功能的按钮,它会与我们在后面学习的javascript结合使用
通过value属性来设置我们的按钮上的文字
隐藏文本框<input type=”hidden”>
隐藏文本框它在页面上是看不到的,但是它可以携带值,在后面的修改操作时会使用到。
具有submit功能的图片。
<input type=”submit”> 它是一个可以让表单提交的按钮。
<input type=”image” src=”图片路径”>这个就是一个具有提交功能的图片。
<meta>标签必须写在<head>标签之间.
1. 它可以对页面进行描述及热词设置,可以方便搜索引擎查找页面。
2. 通过meta标签设置http响应信息
3. 通过meta标签可以设置页面的编码
<metahttp-equiv="Content-Type" content="text/html; charset=gbk">
4. 通过meta标签来设置页面加载后在指定的时间后跳转到指定的页面
<metahttp-equiv="refresh" content="5; url=http://www.baidu.com">
注意:在html中如果跳转的internet上的网站资源,那么我们在书写路径时,一定要写带协议的路径。<a>标签也可以实现跳转,如果也想要跳转到internet上的资源,那么也需要带协议。<a href=”http://www.baidu.com”>baidu.com</a>