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的开发者 ...
随机推荐
- 在虚拟机上配置安装hadoop集群
原本以为有大神已经总结的很清楚了,就不自己在写了, 但是在自己安装的过程中还是出现了一些问题, 所以打算以自己的方式重新总结一下. 参考https://blog.csdn.net/hliq539 ...
- 浅谈SPI总线
SPI总线概述 SPI全称是串行外设接口(Serial Peripheral Interface),是由Motorola提出的一种全双工同步串行通信接口,通信波特率可以高达5Mbps,但具体速 ...
- CentOS 7.x 如何关闭 numa
CentOS7.x中发现 numactl --interleave=all 执行失败. CentOS7.x中可以通过下面的方式关闭 numa: 1. 编辑 /etc/default/grub 文件,如 ...
- Plickers——教师拿手机、学生拿卡片,就可以完成即时全员互动!
全员互动.立刻反馈.无设备添加.无能耗增加,风靡全球教育界,杭州师范大学硕士生导师杨俊锋教授推荐!老师拿手机,学生拿卡片就可以完成! 操作方法: 1.注册:登录www.plicke ...
- 7.9 skippart.c 程序
7.9 skippart.c 程序 #include <stdio.h> int main(void) { const float MIN = 0.0f; const float MAX ...
- Java中final、finally、finalize有什么区别?
final.finally和finalize的区别是什么? final: 最终的意思,可以修饰类,方法和变量. 它修饰的类,不能被继承 它修饰的方法,不能被重写 它修饰的变量,不能被改变 finall ...
- C# 文字滚动特效(上下滚动)
本程序改编至网上下载的一个自定义控件,原控件是左右滚动效果,类似于跑马灯效果,由于项目需要,改编为上下滚动. 前期没有实现自动折行,今天刚加上自动折行. using System; using Sys ...
- Hello_Git!!!(Git的安装)
Install_Git&Say Hello! Mac与Linux平台 ||最近的Mac平台中都预装了Git,而各个版本的Linux中也都以软件包(Package)的形式提供给了用户,详细请参 ...
- 决策树之ID3,C4.5及CART
决策树的基本认识 决策树学习是应用最广的归纳推理算法之一,是一种逼近离散值函数的方法,年,香农引入了信息熵,将其定义为离散随机事件出现的概率,一个系统越是有序,信息熵就越低,反之一个系统越是混乱,它 ...
- JAVA递归实现全排列
全排列(permutation) 排列组合概念 排列,就是指从给定n个数的元素中取出指定m个数的元素,进行排序 组合,则是指从给定n个数的元素中仅仅取出指定m个数的元素,不考虑排序 全排列 以数字为例 ...