alex_bn_lee

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

【046】◀▶ HTML 关键字

---------------------------------------------------------------------------------------------------------

●·● 目录：

A1 ………… 文本格式化标签
A2 ………… “计算机输出”标签
A3 ………… 引用和术语定义
A4 ………… 表格标签
A5 ………… 列表标签
A6 ………… 表单标签
　　　　　　<input> 标签
A7 ………… 图像标签
A8 ………… 字体属性
A9 ………… 最常用的字符实体
Aa ………… 其他一些常用的字符实体
Ab ………… Head 标签
Ac ………… 窗口事件（Windows Events）
Ad ………… 表单元素事件（Form Element Events）
Ae ………… 图像事件（Image Events）类
Af  ………… 键盘事件（Keyboard Events）
Ag ………… 鼠标事件（Mouse Events）
　　　　　　onclick 事件

外部链接

G1 ………… HTML DOM Event 对象
G2 ………… HTML DOM Button 对象

---------------------------------------------------------------------------------------------------------

文本格式化标签

标签描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式（style）代替。

--------------------------------------------------------------------------------------------------------- 

“计算机输出”标签

标签描述
<code> 定义计算机代码。
<kbd> 定义键盘码。
<samp> 定义计算机代码样本。
<tt> 定义打字机代码。
<var> 定义变量。
<pre> 定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。

---------------------------------------------------------------------------------------------------------

引用、引用和术语定义

标签描述
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
<address> 定义地址。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。
<q> 定义短的引用语。
<cite> 定义引用、引证。
<dfn> 定义一个定义项目。

---------------------------------------------------------------------------------------------------------  

表格标签

表格描述
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。

---------------------------------------------------------------------------------------------------------  

列表标签

标签描述
<ol> 定义有序列表。
<ul> 定义无序列表。
<li> 定义列表项。
<dl> 定义定义列表。
<dt> 定义定义项目。
<dd> 定义定义的描述。
<dir> 已废弃。使用 <ul> 代替它。
<menu> 已废弃。使用 <ul> 代替它。

---------------------------------------------------------------------------------------------------------  

表单标签

标签描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮
<isindex> 已废弃。有<input>代替。

两种实现 Button onclick 的事件方法：

复制代码
<input type="button" onclick="javascript:alert('Hello')" value="点击">

<input type="button" id="Button01" value="Click">
<script type="text/javascript">
    function button_onclick() {
        alert("Hello!");
    }
    Button01.onclick = button_onclick;
</script>

<input type="button" id="Button02" value="Click02">
<script type="text/javascript">
    Button02.onclick = function(){alert("This is me!");}
</script>
复制代码

 

 

---------------------------------------------------------------------------------------------------------  

图像标签

标签描述
<img> 定义图像。
<map> 定义图像地图。
<area> 定义图像地图中的可点击区域。

---------------------------------------------------------------------------------------------------------  

字体属性

属性例子作用
size="number" size="2" 定义字体大小。
size="+number" size="+1" 增加字体的大小。
size="-number" size="-1" 减少字体的大小。
face="face-name" face="Times" 定义字体名称。
color="color-value" color="#eeff00" 定义字体颜色。
color="color-name" color="red" 定义字体颜色。

---------------------------------------------------------------------------------------------------------  

最常用的字符实体

显示结果描述实体名称实体编号
  空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号  &apos; (IE不支持) &#39;

---------------------------------------------------------------------------------------------------------  

其他一些常用的字符实体

显示结果描述实体名称实体编号
￠ 分 &cent; &#162;
£ 镑 &pound; &#163;
¥ 日圆 &yen; &#165;
§ 节 &sect; &#167;
© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

---------------------------------------------------------------------------------------------------------

Head 标签

标签描述
<head> 定义关于文档的信息。
<title> 定义文档标题。
<base> 定义页面中所有链接的基准 URL。
<link> 定义资源引用。
<meta> 定义元信息。

 

---------------------------------------------------------------------------------------------------------

　　窗口事件 (Window Events)

属性值描述
onload 脚本 当文档载入时执行脚本
onunload 脚本 当文档卸载时执行脚

 ---------------------------------------------------------------------------------------------------------

表单元素事件 (Form Element Events)

属性值描述
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本

 

---------------------------------------------------------------------------------------------------------

图像事件 (Image Events)

属性值描述
onabort 脚本 当图像加载中断时执行脚本

 

---------------------------------------------------------------------------------------------------------

键盘事件 (Keyboard Events)

属性值描述
onkeydown 脚本 当键盘被按下时执行脚本
onkeypress 脚本 当键盘被按下后又松开时执行脚本
onkeyup 脚本 当键盘被松开时执行脚本

 ---------------------------------------------------------------------------------------------------------

鼠标事件 (Mouse Events)

属性值描述
onclick 脚本 当鼠标被单击时执行脚本
ondblclick 脚本 当鼠标被双击时执行脚本
onmousedown 脚本 当鼠标按钮被按下时执行脚本
onmousemove 脚本 当鼠标指针移动时执行脚本
onmouseout 脚本 当鼠标指针移出某元素时执行脚本
onmouseover 脚本 当鼠标指针悬停于某元素之上时执行脚本
onmouseup 脚本 当鼠标按钮被松开时执行脚本

onclick 事件，同时引用 event 属性：

复制代码
<html>
<head>
<script>
    function body_onclick() {
        alert("鼠标点击的坐标是\r\nx:" + event.x + ", y:" + event.y + "\r\n" + event.type );
    }
</script>
</head>
<body onclick="body_onclick();">
</body>
</html>
复制代码

 

 

posted on   McDelfino  阅读(429)  评论(0)  编辑  收藏  举报

编辑推荐：
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛