30个HTML标签,HTML常用标签的使用 --2019年8月30日
1、谈谈你对HTML标签、元素与属性的理解,并举例说明
在我看来html标签与元素就一个意思,只是说标签就单单的就是一个标签如
我是谁这样的一个整体就组成一个元素,属性就相当于每个人的身高啊体重这些,每一个标签可以有相同的属性,也有不同的属性
举例说明如下:
实例
运行实例 »
点击 "运行实例" 按钮查看在线实例
在上述代码中两个标签有一个相同的属性,也有各自不同的属性。
2、列表有几种,如何定义?
在html中列表一共分为三种:
有序列表、无序列表与定义列表
每种的列表的定义如下:
(1)有序列表
实例
- 列表一
- 列表二
运行实例 »
点击 "运行实例" 按钮查看在线实例
(2)无序列表
实例
- 列表一
- 列表二
运行实例 »
点击 "运行实例" 按钮查看在线实例
(3)定义列表
实例
- PHP
- php是世界上最好的语言
- JAVA
- 一直占领编程语言排行榜首位
运行实例 »
点击 "运行实例" 按钮查看在线实例
3、列表与表格的区别与联系,什么时候用列表、什么时候用表格,为什么?
列表与表格都是用来展示数据的,比如做网页导航栏的时候通常用列表来做,比如做一个班级的成绩展示这时就可以用表格来做
4、编程实现,用列表制作你的工作计划,要求使用三种类型全部实现一次
实例
- 早上好好上班
- 晚上回到家观看直播
- 观看完直播敲代码练习练习
- 对今天讲过的知识点回忆
- 早上好好上班
- 晚上回到夹观看直播
- 观看完直播敲代码练习练习
- 对今天讲过的知识点回忆
- 早上
- 专心上班
- 晚上
- 观看课程直播
运行实例 »
点击 "运行实例" 按钮查看在线实例
运行效果如下
5、编程实现一张商品清单,使用表格实现,要求有行与列的合并,rowspan colspan
实例
序号商品单价数量金额
1OPPk3手机2000120002充电头203604传输数据线251503oppo钢化玻璃251合计:52085运行实例 »
点击 "运行实例" 按钮查看在线实例
运行效果如下:
实例
用户注册
账号:
密码:
邮箱:
年龄:
爱好:
读书
看电影
敲代码
性别:
男
女
保密
城市:
--请选择--
重庆
四川
贵州
学习:
HTML
CSS
JS
PHP
Mysql
NODEJS
注册
运行实例 »
点击 "运行实例" 按钮查看在线实例
6、编程实现一张注册表单,要求使用到课堂上讲到的所有控件,并掌握所有属性的使用场景及意义
实例
用户注册
账号:
密码:
邮箱:
年龄:
爱好:
读书
看电影
敲代码
性别:
男
女
保密
城市:
--请选择--
重庆
四川
贵州
学习:
HTML
CSS
JS
PHP
Mysql
NODEJS
注册
运行实例 »
点击 "运行实例" 按钮查看在线实例
运行效果如下图:
总结:
HTML标签是网页中不可或缺的组成部分,今天所列举出来的标签只是最常见到的一部分标签而已,还有很多的标签没有列举出来,有好几十种。还有就是输入控件必须要有name属性,这样才能够向表单提交数据,其中列表与表单控件最为重要,列表常常用来展示数据给用户,而表单常常用来收集用户的数据,其中表单中的两个属性由为重要一个是action属性,这个属性是用来将用户提交的数据提交***去处理,还有一个就是method属性,该属性是表示用什么方式提交,默认为GET方式提交,HTML是最基础的东西,要能够牢牢掌握,要先打牢基础,才能为后面的铺垫。
30个HTML标签,HTML常用标签的使用 --2019年8月30日相关推荐
- 常用JS正则大全(2019年11月12日更新)
来源: any86.github.io/any-rule/ 11月12日更新"网址" 匹配更准确,支持匹配vue的路由参数 9月16日更新"银行卡号" 根据微信 ...
- html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
- Kaggle常用函数总结 原创 2017年07月03日 21:47:34 标签: kaggle 493 kaggle比赛也参加了好几次,在这里就把自己在做比赛中用到的函数汇总到这,方便自己以后查阅
Kaggle常用函数总结 原创 2017年07月03日 21:47:34 标签: kaggle / 493 编辑 删除 kaggle比赛也参加了好几次,在这里就把自己在做比赛中用到的函数汇总到这,方便 ...
- Struts2标签库常用标签
Struts2标签库常用标签 基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Act ...
- 2019年10月13日(周日)上午7:30起跑,2019郑州国际马拉松赛,比赛须知
2019郑州国际马拉松赛,于2019.10.13周日在郑州举行. 一.赛事基本信息 (一)比赛日期与时间:2019年10月13日上午7:30 (二)比赛项目:马拉松(42.195公里) 半程马拉松(2 ...
- Struts2标签库常用标签(转)
struts2标签讲解 要使用Struts2的标签,只需要在JSP页面添加如下一行定义即可:<%@ taglib prefix="s" uri="/struts-t ...
- java struts2标签库 常用标签
基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Action来提供支持,而视图则是由 ...
- bootstrape常用标签_bootstrap_03_常用标签
益司CMS-PC与手机建站集成 @media(max-width:670px){ body{background:whtie} } 用户标签 tag这里面放我们的常用标签,Here is some u ...
- [JavaWeb-HTML]HTML标签(大部分常用标签介绍)
标签学习: 1. 文件标签:构成html最基本的标签* html:html文档的根标签* head:头标签.用于指定html文档的一些属性.引入外部的资源* title:标题标签.* body:体标签 ...
- html标签之常用标签
常用标签 html常用的标签: <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 < ...
最新文章
- R语言glm拟合logistic回归模型实战:基于glm构建逻辑回归模型及模型系数统计显著性分析、每个预测因子对响应变量的贡献
- 分词 正文提取 java
- python3 随机数函数
- 给书配代码-电力经济调度(3):计及网络安全约束的经济调度模型
- 恐龙机器人钢索恐龙形态_迷你世界新皮肤登场!变形金刚系列第9款,网友:恐龙形态霸气...
- VS2019 调试技巧之附加进程
- 两种方法查看MFC源代码
- GreenDao的学习和使用
- Linux中hosts文件的修改
- 网络:bit、Byte、bps、Bps、pps、Gbps的单位详细说明及换算。
- html5脑图_HTML5制作思维导图
- mysql脏页处理方法_mysql脏页是什么
- 虚拟小镇意识保存~认识脑电波
- python画素描画_使用Python将图片变成铅笔素描
- 广播 onReceiver 的 context 可否启动 Activity,显示 Dialog
- 服务器硬盘灯蓝橙闪烁,通用电气发布可变色智能灯泡 早中晚分别呈蓝橙黄色...
- linux安装mysql图解,linux中怎么安装mysql5.6.12版本图解
- MySQL填坑系列--Linux平台下MySQL区分大小写问题
- Linux命令date命令
- 手机号归属地数据导入及查询工具源代码(C++)