其他分享
首页 > 其他分享> > HTML—02—页面结构

HTML—02—页面结构

作者:互联网


 

一、页面结构

页面的body中大概是这几个部分,通过写这几个部分标签,可以让网页的代码层次更加清楚

 

 

 

 

二、iframe内联框架 标签

使用iframe标签,可以把外部的网页,嵌套在本网页中;

https://www.simcf.cc/9910.html

<iframe  src=''  name=''  width=''  height=''>
</iframe>


其中src定义要加载的外部网页的url
name表示iframe标签所渲染的区域名称
width和height表示标签所渲染的区域的宽度和高度

 

 

 

三、表单标签

1、表单标签是<form> </form>

里面为了美化会使用块元素<p></p>

2、<input>输入框,

关于input框的type属性:

input是各种输入框,通过type可以定义文本框text、密码框password、提交框submit、重置框reset、单选框redio、多选框checkbox、文件框file<input type=file  name=xxx />;

关于input框的name属性:

关于input框之单选框的value属性:

关于input框的hidden属性:把这个框从页面隐藏属性;

关于input框的input事件:

关于input框的placeholder属性:

关于input框的disabled属性:

关于input框的checked属性:

关于input框的autofoucs属性:

 

 

3、下拉域:select标签

 

4、文本域:textarea标签

 

是可以写一大块文字的标签

 

 

 

 

 

5、其他的一些框,比如只可以输入邮件的邮件框(会有一些很简单的格式验证),只可以输入url的网址框,搜索框等等

 

 

 

 

 

 还有一个特殊的标签,lable,点击文字可以移动鼠标到id为xxx的框

 

 

 

 四、按钮

button标签

除了最常见的click事件外,还有disabled属性,当这个属性为true时,这个按钮将无法点击;

 

 

标签:02,name,单选框,标签,HTML,input,页面,框里,属性
来源: https://www.cnblogs.com/EricShen/p/14756868.html