四.

（一）丶下拉框select元素：一般可以创建单选或多选菜单。<select>与<option>一般同时使用，select代表下拉框，option代表他的每一项。

1.基本结构：
<select name=“”>
<option></option>
</select>
1.select标签：定义下拉框。
2.option标签：定义下拉的子项，如果没有value值，会提交option标签中的内容，一般用value确定值。
3.select属性：（1）.multiple，可以选择多个选项。（2）.规定下拉列表的名称。
4.option属性：（1）.selected，值selected，表现为选中状态。

（二）丶多行文本域textarea：网页中用户需要输入大量文字信息的时候。

1.textarea标签：
（1）用法：<textarea name="" id="" cols="30" rows="10"></textarea>
（2）属性：（a）.rows，文本域的行。（b）cols，文本域的列。

（三）丶label标签：为input元素定义标记。
注：通常用于单选和复选框<label>标签得for元素应与相关元素的id属性相同。

1.介绍：label标签不会向用户呈现任何的特殊效果，不过，他为鼠标用户改进了可用性，如果你在label元素内点击文本，就会出发控件。
2.用法：（1）.<label><input type="radio" name="gender" id="male"/>男<label>。（2）.<input type="radio" name="gender" id="male" /><label for="male">男</label>

（四）丶活动框架

1.iframe：网页上创建包含另一个文档（网页）
（1）.语法:<iframe></iframe>
（2）.属性：
（a）src，显示文档的URL
（b）frameborder：设置是否显示边框，1显示，0不显示。
（c）height：设置高度。
（e）name：设置名称，在<a>标签得taget属性中写这个名字，会让连接在这个活动框架打开网页。
（f）scrolling：设置是否在iframe中显示滚动条，yes显示，no不显示，auto自动。
（3）兼容处理：<iframe></iframe>之间显示文字信息表明浏览器不支持iframe。

2.框架集

（1）frameset标签：不能使用<body>标签
属性：
（a）rows表示分几行，一般用“，”隔开，其中“*”表示剩下的所有区域。
（b）cols表示分几列，一般用“，”隔开，其中“*”表示剩下的所有区域。
特点：无刷新加载页面。
（2）frame标签：
属性：
（a）.scrolling="yes"表示显示滚动条。
（b）noresize=“noresize”，表示不能拖动和缩小。

总结：HTML的基础入门内容基本完成，总体内容难度适中，入门很快，学完之后，基本能构建一个简单的网页。但还需要学习css，使页面排版布局更优化。学习js让网页具有更多功能。
同时HTML的知识也需经常巩固。

HTML基本入门完成的更多相关文章

  1. Angular2入门系列教程7-HTTP（一）-使用Angular2自带的http进行网络请求

    上一篇:Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数 感觉这篇不是很好写,因为涉及到网络请求,如果采用真实的网络请求,这个例子大家拿到手估计还要自己写一个web ...

  2. ABP入门系列（1）——学习Abp框架之实操演练

    作为.Net工地搬砖长工一名,一直致力于挖坑(Bug)填坑(Debug),但技术却不见长进.也曾热情于新技术的学习,憧憬过成为技术大拿.从前端到后端,从bootstrap到javascript,从py ...

  3. Oracle分析函数入门

    一.Oracle分析函数入门 分析函数是什么?分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组然后计算基于组的某种统计值,并且每一组的每一行都可以返回一个统计 ...

  4. Angular2入门系列教程6-路由（二）-使用多层级路由并在在路由中传递复杂参数

    上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数 之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们 ...

  5. Angular2入门系列教程5-路由（一）-使用简单的路由并在在路由中传递参数

    上一篇:Angular2入门系列教程-服务 上一篇文章我们将Angular2的数据服务分离出来,学习了Angular2的依赖注入,这篇文章我们将要学习Angualr2的路由 为了编写样式方便,我们这篇 ...

  6. Angular2入门系列教程4-服务

    上一篇文章 Angular2入门系列教程-多个组件,主从关系 在编程中,我们通常会将数据提供单独分离出来,以免在编写程序的过程中反复复制粘贴数据请求的代码 Angular2中提供了依赖注入的概念,使得 ...

  7. wepack+sass+vue 入门教程（三）

    十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助web ...

  8. wepack+sass+vue 入门教程（二）

    六.新建webpack配置文件 webpack.config.js 文件整体框架内容如下,后续会详细说明每个配置项的配置 webpack.config.js直接放在项目demo目录下 module.e ...

  9. wepack+sass+vue 入门教程（一）

    一.安装node.js node.js是基础,必须先安装.而且最新版的node.js,已经集成了npm. 下载地址 node安装,一路按默认即可. 二.全局安装webpack npm install ...

  10. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

随机推荐

  1. python基础知识15---三元表达式、列表推导式、生成器表达式、递归、匿名函数、内置函数

    阅读目录 一 三元表达式.列表推导式.生成器表达式 二 递归与二分法 三 匿名函数 四 内置函数 五 阶段性练习 一. 三元表达式.列表推导式.生成器表达式 1 三元表达式 name=input('姓 ...

  2. 【springboot】之自动配置原理

    使用springboot开发web应用是很方便,只需要引入相对应的GAV就可以使用对应的功能,springboot默认会帮我们配置好一些常用配置.那么springboot是怎么做到的呢?这篇文章将一步 ...

  3. c# 观察者模式 匿名方法与Lambda

    //匿名方法 //和委托搭配使用 //方便我们快速对委托进行传参 //不需要我们去定义一个新的函数 //直接用delegate关键字代替方法名,后面跟上参数列表与方法体 //delegate(参数列表 ...

  4. MySQL Group Replication-MGR集群

    简介 MySQL Group Replication(简称MGR)字面意思是mysql组复制的意思,但其实他是一个高可用的集群架构,暂时只支持mysql5.7和mysql8.0版本. 是MySQL官方 ...

  5. linux日志logger命令详解

    通过logger命令记录日志 logger是一个shell命令接口,可以通过该接口使用Syslog的系统日志模块,还可以从命令行直接向系统日志文件写入一行信息. ------------------- ...

  6. [SQL]事务回滚详解及示例

    存储过程中的 SET XACT_ABORT ON 和事务 在存储过程中写SET XACT_ABORT ON 有什么用? SET XACT_ABORT ON是设置事务回滚的! 当为ON时,如果你存储中的 ...

  7. Redis深入学习笔记（五）Redis阻塞原因

    在实际使用Redis中,有时会碰到客户端timeout异常,或者没有可用连接异常等等异常,总结大概有如下原因: 内部阻塞原因: 1)大对象存取. 2)Fork阻塞. 3)Aof刷盘阻塞(距离上次刷盘大 ...

  8. mysql 5.7 enable binlog

    0. precondition a) install mysql 5.7, for  detail please refer my blog post. 1. login mysql and chec ...

  9. docker学习记录

    Container 容器是一种基础工具, 泛指任何容纳其他物品的工具, 可以部分或者完全封闭,被用于容纳,储存, 运输物品, 物体可以放置在容器中, 而容器可以保护内容物 1 Docker Objec ...

  10. arrayList转换为数据

    ArrayList arrayList = SetTools.loadfile(path); string[] str = (string[])arrayList.ToArray(typeof(str ...