四.

(一)丶下拉框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. CentOS 7中允许远程连接mariadb数据库

    # /etc/init.d/mysql restart 或者 service mysqld start 启动服务 # /etc/init.d/mysql stop 或者 service mysqld ...

  2. windows下的拷贝利器robocopy

    robocopy xxcopy http://www.cnblogs.com/zhanglei1371/p/6724167.html [转载]robocopy的用法 经常进行文件管理操作的朋友们,不满 ...

  3. 【json】与【枚举】的序列化和反序列化

    参考:Jackson – Deserialization from json to Java enums 问题描述 java中使用枚举时,如果涉及到restful调用,不可避免会涉及到枚举的序列化和反 ...

  4. windows 下 Django 搭架子 - 从建立project到建立app

    第一步,安装python 3.6 到C:\Python,在Python官网下Windows版的安装包即可 安装Django,在命令行下直接 pip install django,django 被安装在 ...

  5. 20164310Exp1 PC平台逆向破解和BOF基础

    1.逆向及Bof基础实践说明        1.1实践目标 实践对象:pwn1的linux可执行文件 实践目的:使程序执行另一个代码(ShellCode) 实践内容: 手工修改可执行文件,改变程序执行 ...

  6. Go 1.11 Module 介绍

    title: "Go 1.11 Module" date: 2018-10-26T23:50:56+08:00 draft: false --- Go 1.11 Module 介绍 ...

  7. mvc部分视图转换成html字符串

    public static class RenderViewTostring { /// <summary> ///将部分视图转成html 字符串方便我们扩展使用 /// </sum ...

  8. 理解block和inode

    什么是block和inode? 定义:block就像是杯子 inode就像是杯子的编号,因为杯子太多了 1.根据文件的大小,在磁盘中储存时会占用一个或多个block:那么究竟多大的文件会使用一个blo ...

  9. mysql免解压版安装教程步骤

    首先我这里演示的是mysql-5.6.27-winx64这个免解压的版本 添加环境变量(如添加了则跳过该步骤) 操作如下: )右键单击我的电脑->属性->高级系统设置(高级)->环境 ...

  10. java类的生命周期

    https://www.cnblogs.com/aspirant/p/7200523.html 验证的内容:文件格式,字节码,符号引用,元数据 准备:给静态变量分配内存设置初始值(0) 初始化才是真正 ...