html 表格中单选框触发事件_HTML基础知识(网站同步更新)
HTML基础知识
- HTML的历史:HTML,XHTML
- HTML的全局属性:全局标准属性,全局事件属性
- HTML的元素:
- 标记语言,是一种将文本以及与文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。
- HTML,为超文本标记语言。
XHTML
是可扩展超文本标记语言,是一种更纯洁,更严格,更规范的html
代码。html
文件由文件头和文件体两部分组成。- 标签的分类:双标签,单标签。
双标签:由“开始标签”和“结束标签”两部分构成,必须成对使用,且必须合理嵌套。
单标签:在开始标签中进行关闭(以开始标签的结束而结束)。
HTML的全局标准属性
在HTML
中,规定了8个全局标准属性。
class
用于定义元素的类名。id
用于指定元素的唯一id
。style
用于指定元素的行内样式。title
用于指定元素的额外信息。accesskey
用于指定激活某个元素的快捷键。
支持
accesskey
属性的元素有, , , , , ,
。
tabindex
用于指定元素在tab
键下的次序。
支持
tabindex
属性的元素有,,,,,,
dir
用于指定元素中内容的文本方向。
dir
的属性值只有ltr
和rtl
两种,分别是left to right
和right to left
。
lang
用于指定元素内容的语言。
HTML的全局事件属性
Window
窗口事件
onload
,在页面加载结束后触发。onunload
,在用户从页面离开时触发,如单击跳转,页面重载,关闭浏览器窗口等。
Form
表单事件
onblur
,当元素失去焦点时触发。onchange
,在元素的元素值被改变时触发。onfocus
,在元素获得焦点时触发。onreset
,当表单中的重载按钮被点击时触发。onselect
,在元素中文本被选中后触发。onsubmit
,在提交表单时触发。
Keyboard
键盘事件
onkeydown
,在用户按下按键时触发。onkeypress
,在用户按下按键后,按着按键时触发。
该属性不会对所有按键生效,不生效按键如:
alt
,ctrl
,shift
,esc
。
onkeyup
,当用户释放按键时触发。
Mouse
鼠标事件
onclick
,当在元素上单击鼠标时触发。ondblclick
,当在元素上双击鼠标时触发。onmousedown
,当在元素上按下鼠标按钮时触发。onmousemove
,当鼠标指针移动到元素上时触发。onmouseout
,当鼠标指针移出元素时触发。onmouseover
,当鼠标指针移动到元素上时触发。onmouseup
,当在元素上释放鼠标按钮时触发。
Media媒体事件
onabort
,当退出媒体播放器时触发。onwaiting
,当媒体已停止播放但打算继续播放时触发。
HTML元素
一个HTML文档包含的标签
,声明文档类型。
- ,HTML元素真正的根元素。
- ,定义
html
文档的文档头。
head中包含的元素
title,定义HTML文档的标题base,为页面上的所有链接规定默认地址或者默认目标link,用于定义文档与外部资源之间的关系meta,提供关于HTML的元数据style,用于为HTML文档定义样式信息script,用于定义客户端脚本
body
,定义html
文档的文档体。content-Type
,用于设定网页的字符集,便于浏览器解析与渲染页面。
代码:
cache-control
,用于告诉浏览器如何缓存某个响应及缓存多长时间。
参数:
no-cache,发送请求,与服务器确认该资源是否被更改,如果没有,则使用缓存
no-store,允许缓存,每次都要去服务器上下载完整的响应
public,缓存所有响应
private,只为单个用户缓存
max-age,表示当前请求开始,相应响应在多久内能被缓存和重用,不去服务器重新请求,max-age=60表示响应可以再缓存和重用60秒
expires
,用于设定网页的到期时间,过期后重新到服务器上重新传输。refresh
,网页将在设定的时间内,自动刷新并转向设定的网址Set-Cookie
,用于设置网页过期。- 无语义元素:
,
,
是内联标签,用在一行文本中,是块级标签。
DIV+CSS
div
用于存放需要显示的数据,css
用于指定如何显示数据样式,做到结构与样式相互分离。查看div+css样式HTML:点击下方链接跳转,可查看源码:
div-css.html
格式化元素
普通文本
,定义粗体文本,定义大号字,定义着重文字,定义斜体字,定义小号字,定义加重语气,定义下标字,定义上标字,定义插入字,定义删除字
计算机输出
,定义计算机代码
,定义键盘输出样式,定义计算机代码样本,定义打字机输入样式,定义预格式文本
术语
,定义缩写,定义首字母缩写
,定义地址,定义文字方向
定义长的引用,定义短的引用语,定义引用,引证,定义一个概念,项目
图片元素
图片元素
超链接元素
超链接元素
标签的
target
属性,默认值为_self
。
在超链接所在框架或窗口中打开目标页面值说明
_self_blank
在新浏览器窗口中打开目标页面_parent
将目标页面载入含有该链接框架的父框架集或父窗口中_top
在当前的整个浏览器窗口中打开目标页面,因此会删除所有框架
标签之间的元素内容为文本内容。锚点链接是用文本链接是
#+对应的锚点
,锚点通常用唯一属性值id
设定。
图像热区链接
图像热区链接
图像热区链接,是什么呢?当你在看一些购物网页的时候,一张图片上,可以在不同的地方链接到不同的目标位置,点击不同的地方可以跳转到不同的网页,这也是做商城项目一般要用到的技术。
标签元素了,而是元素。这个时候不是
元素的属性有两个
shape
,cords
属性。
shape
属性说明cords
属性说明circle
圆形x,y,r(x,y)为圆心坐标,r为半径rect
矩形x1,y1; x2,y2(x1,y1)为左上角坐标,(x2,y2)为右下角坐标poly
多边形x1,y1;x2,y2;x3,y3;...分别是各个点的点坐标
的坐标系,原点为图片的左上角,x轴正方向向右,y轴正方向向下
的坐标系:我画个图哈,反映
标签定义一个图像热区链接的使用,
image-map
,可以含一个以上的热区,每个热区都有独立的链接。
标签赋予要为
name
属性。
标签的将
usemap
属性与标签的name
属性相关联。
为了证明我学会了,我写一个html页面。
map -> name="image_link"
img -> usemap="#image_link"
点击跳转:imgmap.html
e-mail链接
e-mail链接
e-mail链接主要是看到有很多官方网页需要做的一个打开一封新的电子邮件。
点击下方链接即可看到效果:
联系我们
代码:
联系我们
javascript链接
javascript链接
点击JavaScript链接:
点击弹窗
代码:
点击弹窗
空链接
空链接
空链接是指未指派目标地址的超链接。
空链接的代码:
javascript: void(0)
列表元素
列表元素
整合列表html网页,点击跳转:ul-ol.html
定义无序列表,定义列表项。无序列表,
的
type
属性值:disc
点,square
方块,circle
圆,none
无.
有序列表,
定义有序列表,定义列表项。
的
type
属性值:数字,大写字母,大写罗马数字,小写字母,小写罗马数字。
start
属性定义序号的开始位置。
定义列表
,定义列表内部可以有多个列表项标题,每个列表项标题用标签定义,列表项标题内部又可以有多个列表项描述,用标签定义。
表格
表格
整合表格html网页,点击跳转:table.html
定义表格标题定义表格
定义若干行
定义若干单元格定义表头表格分头部,主体,底部:
,,三个标签。
设置表格的边框宽度属性说明
borderwidth
设置表格的宽height
设置表格的高cellpadding
设置内边距cellspacing
设置外边距
标签定义,
用于定义单元格跨行,的两个属性:
colspanrowspan
用于定义单元格跨列,,标签通常用于对表格内容进行分组。表单由
action
属性定义了表单提交的地址,method
属性定义表单提交的方式。
代码:
size属性用来设置选择栏的高度,multiple属性用来决定是多选列表,还是单选selected="selected"
表单控件,用于输入更多的文本
元素
标签具有
name,cols,rows
3个属性。
name
用于提交参数value
用于输入文本内容cols
和rows
分别用于文本框的列数和行数,宽度和高度。
效果:
自我评价:
代码:
自我评价:
frameset
frameset
定义一个框架集,用于组织多个窗口,每个框架存有独立的html文档不能与共同使用,除非有元素用于定义中一个特定的窗口。空元素
frame
属性
需要显示的属性说明
srchtml
文档frameborder
定义框架的外边框,属性值为0或者1scrolling
定义是否显示滚动条,有3个值:yes,no,autonoresize="noresize"
定义该框架无法调整大小,默认是可以调整的marginheight
和marginwidth
属性定义上下左右的边距,用于为那些不支持框架集的浏览器显示文本,与元素相同,
iframe
有frame
的属性,还加了height
和width
代码:
frameset
您的浏览器无法处理框架,请更换浏览器打开
预留字符
预留字符
HTML 中的预留字符必须被替换为字符实体。
显示结果描述实体名称实体编号空格
<小于号>
<
>大于号<
>
&和号&
&
"引号"
"
'撇号'
(IE不支持)'
¢分(cent)¢
¢
£镑(pound)£
£
¥元(yen)¥
¥
€欧元(euro)€
€
§小节§
§
©版权(copyright)©
©
®注册商标®
®
™商标™
™
×乘号×
×
÷除号÷
÷
❤️爱心三连击
❤️爱心三连击
1.看到这里了就点个在看支持下吧,你的「在看」是我创作的动力。
,「每天为您分享原创或精选文章」!2.关注公众号
达达前端
3.特殊阶段,带好口罩,做好个人防护。
4.添加微信【xiaoda0423】,拉你进技术交流群一起学习
扫码关注公众号,订阅更多精彩内容。
在看和转发是莫大鼓励
html 表格中单选框触发事件_HTML基础知识(网站同步更新)相关推荐
- DataList中的按钮触发事件的方法的实现
DataList中的按钮触发事件的方法的实现 1.要在CommandName中设定名字如: <asp:Button id="Button1" runat=&quo ...
- Asp.net(C#)动态生成表格中的按钮和事件响应
最近几天一直在用C#写Asp.net的东西,发觉Asp.net很好用,也不好用,可能自己的认识比较浅,所以还要多多学习.下面是我遇上的一个问题,要动态的生成表格的行,同时在表格中插入按钮相应事件.插入 ...
- vue中单选框设置默认选中值
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 <li v-for="(value,i) ...
- wps表格中文本框的边框怎么去掉?
在WPS中进行表格编辑时,有时候需要去除文本框的边框,让整个文档看起来更加协调,也更加美观.具体要如何操作呢?下面小编就来教教大家怎么把WPS表格中文本框的边框去掉. 怎么把wps表格中文本框的边框去 ...
- MySQL工作中的实际用_总结工作中经常用到的mysql基础知识
总结工作中经常用到的mysql基础知识 发布时间:2020-06-08 11:27:30 来源:51CTO 阅读:217 作者:三月 本文主要给大家介绍工作中经常用到的mysql基础知识,文章内容都是 ...
- Linux中文件描述符1,linux内核中的文件描述符(一)--基础知识简介
原标题:linux内核中的文件描述符(一)--基础知识简介 Kernel version:2.6.14 CPU architecture:ARM920T Author:ce123(http://blo ...
- linux内核中的文件描述符(一)--基础知识简介
linux内核中的文件描述符(一)--基础知识简介 Kernel version:2.6.14 CPU architecture:ARM920T Author:ce123(http://blog.cs ...
- 如何获取select中的value、text、index相关值 如何获取单选框中radio值 触发事件 radio 默认选中...
如何获取select中的value.text.index相关值 select还是比较常用的一个标签,如何获取其中的内容呢? 如下所示: <select id="select" ...
- php 单选框选中事件,html中的checkbox和radio事件选择用法详解
radio注册了click事件以后,神奇的是用键盘上的上下左右选择时,居然会触发鼠标事件,滚轮也会触发,这种神奇的事情在mousedown下面是不会发生的.(webkit不能使用上下左右选择) che ...
- [unreal4入门系列之十四] 在UE4中添加碰撞触发事件
一.在HUD中显示消息 1) 在MyHUD.h中定义一个结构来表示我们的消息: #pragma once #include "GameFramework/HUD.h" #inclu ...
最新文章
- 从自来水公司到社会工作者再做运维,我深耕 IT 一线的这 8 年
- Delphi实现截屏功能
- CodeForces - 1437G Death DBMS(AC自动机fail树上树链剖分建线段树/暴跳fail)
- 5.spiders(文件夹)
- spring整合atomikos实现分布式事务的方法示例_分布式事务中的XA和JTA
- 广州有这么一个无聊的人
- Verilog 三段式状态机(转)
- 怎么将PDF转换成jpg图片?免费方法了解一下
- 学校考场重要组成部分ntp子母钟(时间同步系统)方案
- 谷歌浏览器怎么保存网页本身或链接?
- 量化交易员珍藏的10本书,一般人不会教你的事
- Linux知识点整理(五)—— Linux 磁盘与文件系统管理
- 信用评分模型中的滚动率分析
- ChatGPT搞砸了~,如何使用VBA导出Word文档中的图片
- tensorrt遇到torch.bmm的解决
- 银行网点服务认证_银行网点服务认证标准
- Google map获取手机屏幕当前显示地图的范围
- 质数乘积(大数乘法+埃氏筛法)
- 編程之美2.9:神奇的菲波那契數列
- 读 Dov M. Gabbay 之 Handbook of the History of Logic. Volume 1: Greek, Indian and Arabic Logic