HTML基本入门完成
四.
（一）丶下拉框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基本入门完成的更多相关文章
- Angular2入门系列教程7-HTTP（一）-使用Angular2自带的http进行网络请求
上一篇:Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数 感觉这篇不是很好写,因为涉及到网络请求,如果采用真实的网络请求,这个例子大家拿到手估计还要自己写一个web ...
- ABP入门系列（1）——学习Abp框架之实操演练
作为.Net工地搬砖长工一名,一直致力于挖坑(Bug)填坑(Debug),但技术却不见长进.也曾热情于新技术的学习,憧憬过成为技术大拿.从前端到后端,从bootstrap到javascript,从py ...
- Oracle分析函数入门
一.Oracle分析函数入门 分析函数是什么?分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组然后计算基于组的某种统计值,并且每一组的每一行都可以返回一个统计 ...
- Angular2入门系列教程6-路由（二）-使用多层级路由并在在路由中传递复杂参数
上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数 之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们 ...
- Angular2入门系列教程5-路由（一）-使用简单的路由并在在路由中传递参数
上一篇:Angular2入门系列教程-服务 上一篇文章我们将Angular2的数据服务分离出来,学习了Angular2的依赖注入,这篇文章我们将要学习Angualr2的路由 为了编写样式方便,我们这篇 ...
- Angular2入门系列教程4-服务
上一篇文章 Angular2入门系列教程-多个组件,主从关系 在编程中,我们通常会将数据提供单独分离出来,以免在编写程序的过程中反复复制粘贴数据请求的代码 Angular2中提供了依赖注入的概念,使得 ...
- wepack+sass+vue 入门教程（三）
十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助web ...
- wepack+sass+vue 入门教程（二）
六.新建webpack配置文件 webpack.config.js 文件整体框架内容如下,后续会详细说明每个配置项的配置 webpack.config.js直接放在项目demo目录下 module.e ...
- wepack+sass+vue 入门教程（一）
一.安装node.js node.js是基础,必须先安装.而且最新版的node.js,已经集成了npm. 下载地址 node安装,一路按默认即可. 二.全局安装webpack npm install ...
- js学习笔记：webpack基础入门（一）
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
随机推荐
- 内存问题-JVM调优思路
通常,内存的问题就是 GC 的问题,因为 Java 的内存由 GC 管理.有2种情况,一种是内存溢出了,一种是内存没有溢出,但 GC 不健康. 内存溢出的情况可以通过加上 -XX:+HeapDumpO ...
- 工控随笔_12_西门子_WinCC的VBS脚本_03_变量类型
说到编程语言,总是绕不开数据类型,因为数据类型决定了数据可以进行什么样的操作.同时数据类型 从广义上来说是一种数据结构,在过程式编程的过程中,曾经有过这样一种说法: 程序 = 数据结构 + 算法 可见 ...
- python基础知识4--数据类型与变量
阅读目录 一.变量 二.数据类型 2.1 什么是数据类型及数据类型分类 2.2 标准数据类型: 2.2.1 数字 2.2.1.1 整型: 2.2.1.2 长整型long: 2.2.1.3 布尔bool ...
- submit提交判断
body部分 <form action='https://www.baidu.com' method='post' > 用 户 名:<input ...
- DynamicEnumUtil 动态添加枚举类的枚举值
import java.lang.reflect.AccessibleObject; import java.lang.reflect.Array; import java.lang.reflect. ...
- ring0与ring3通信方式
修改自: https://blog.csdn.net/wzsy/article/details/54929726 控制码方式详解: https://www.cnblogs.com/lsh123/p/7 ...
- 关于RandomAccessFile一个坑!！！！
最近正好遇到了使用RandomAccessFile做断点下载的情况,被一个问题坑了好多次 本来的代码: RandomAccessFile randomAccessFile = new RandomAc ...
- 小程序2-基本架构讲解(一)JSON配置与详解
项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件 JSON 配 ...
- caffe学习笔记1
博客 http://blog.csdn.net/seven_first/article/details/47378697 https://zhuanlan.zhihu.com/p/25127756?r ...
- Docker笔记——jdk镜像制作
openjdk镜像依赖如下: openjdk:8-jdk -> buildpack-deps:jessie-scm -> buildpack-deps:jessie-curl -> ...