Html

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>




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值