前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML标签介绍「程序员培养之路第一天」

HTML标签介绍「程序员培养之路第一天」

作者头像
申霖
发布2020-01-06 11:19:39
8300
发布2020-01-06 11:19:39
举报
文章被收录于专栏:小白程序猿小白程序猿

第一节 HTML基本结构

1、HTML 标签是由<>包围的关键词,例:<html>

2、HTML 标签通常成对出现,分为标签开头和标签结尾,例:<html> </html>

3、有部分标签是没有结束标签,成为单标签,单标签内必须用 / 结尾,例:<br/>

4、页面中所有的内容,都要放在HTML标签中

5、HTML标签主题分为三个部分:标签名称、标签内容、标签属性

6、HTML 标签具有语义化,语义化:就是仅通过标签名就能判断出该标签的内容。

7、语义化的作用:网页结构层次更清晰、更容易被搜索引擎收录、更容易让屏幕阅读器读出网页内容。

8、标签的内容就是在一对标签内部的内容

9、标签的内容可以是其他标签

2bc38123979995b15aed8166bb249e83.jpg
2bc38123979995b15aed8166bb249e83.jpg

第二节 标签(元素)全局标准属性

在HTML规范中,规定了8个全局标准属性:

1、class属性

用于定义元素的类名。

2、id属性

用于指定元素的唯一id

要注意该属性的值在整个HTML文档中要具有唯一性

3、style属性

用于指定元素的行内样式

使用该属性后将会覆盖任何全局的样式设定

4、title属性

用于指定元素的额外信息

5、accesskey属性

用于指定激活元素(获得焦点)的快捷键。

6、tabindex属性

用于指定元素在tab键下的次序

7、dir属性

用于指定元素中内容的文本方向

属性值只有ltr或rtl两种,含义分别是left to right和right to left。

8、lang属性

用于指定元素内容的语言

第三节 HTML的全局事件属性

1、Window窗口事件

    onload:在页面加载结束之后触发。

    onunload:在用户从页面离开时发生,例如点击跳转,页面重载,关闭浏览器窗口等。

2、Form表单事件

    onblur:当元素失去焦点时触发。

    onchange:在元素的元素值被改变时触发。

    onfocus:当元素获得焦点时触发。

    onreset:当表单中的重置按钮被点击时触发。

    onselest:在元素中文本被选中后触发。

    onsubmit:在提交表单时触发。

3、Keyboard键盘事件

    onkeydown:在用户按下按键时触发。

    onkeypress:在用户按下按键后,按着按键时触发。该属性不会对所有按键生效,不生效的有:ALT、CTRL、SHIFT、ESC

    onkeyup:当用户释放按键时触发。

4、Mouse鼠标事件

    onclick:当在元素上发生鼠标点击时触发。

    onblclick:当在元素上发生鼠标双击时触发。

    onmousedown:当在元素上按下鼠标按钮时触发。

    onmousemove:当鼠标指针移动到元素上时触发。

    onmouseout:当鼠标指针移出元素时触发。

    onmouseover:当鼠标指针移动到元素上时触发。

    onmouseup:当在元素上释放鼠标按钮时触发。

5、Media媒体事件

    onabort:当退出时触发。

    onwaiting:当媒体已停止播放但打算继续播放时触发。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-01-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 第一节 HTML基本结构
  • 第二节 标签(元素)全局标准属性
  • 第三节 HTML的全局事件属性
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档