您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > HTML

HTML标签介绍

时间:2020-01-06 11:19:11  来源:  作者:

第一节 html基本结构

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

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

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

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

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

6、HTML 标签具有语义化

 

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

web

 

7、语义化:就是仅通过标签名就能判断出该标签的内容。

8、语义化的作用:网页结构层次更清晰、更容易被搜索引擎收录

9、更容易让屏幕阅读器读出网页内容。

10、标签的内容就是在一对标签内部的内容,标签的内容可以是其他标签

 

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

在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:当媒体已停止播放但打算继续播放时触发。



Tags:HTML标签   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
作为Web开发人员,你应该精通许多语言和框架,学习一种语言所提供的一切几乎是不可能的,并且容易发现自己没有充分利用语言的全部潜能。HTML通常是大多数Web开发人员学习的第一...【详细内容】
2020-08-15  Tags: HTML标签  点击:(64)  评论:(0)  加入收藏
第一节 HTML基本结构1、HTML 标签是由<>包围的关键词,例:<html>2、HTML 标签通常成对出现,分为标签开头和标签结尾,例:<html> </html>3、有部分标签是没有结束标签,成为单标签,单标...【详细内容】
2020-01-06  Tags: HTML标签  点击:(93)  评论:(0)  加入收藏
▌简易百科推荐
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  前端晚间课    Tags:HTML6   点击:(326)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  人生三部曲丶    Tags:HTML   点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  HillelDu    Tags:html   点击:(29)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  杭州程序员小张    Tags:HTML   点击:(90)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  简易编程    Tags:meta标签   点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  科技现象    Tags:HTML   点击:(141)  评论:(0)  加入收藏
背景日常工作中,项目编程免不了需要使用配置文件,早期yaml出现之前,大部分配置文件采用xml形式,但是以xml格式储存的数据要比以其他格式(如json、yaml)储存占有的空间要大得多,因为...【详细内容】
2021-06-21  爱读书的程序员    Tags:yaml   点击:(265)  评论:(0)  加入收藏
XML; 是什么? Extensible Markup Languare 可扩展标记型语言 为什么要有XML? 1.HTML的标签是固定的,不可以改变,也不可以进行一个&middot;&middot;&middot;扩展 2.HTML语法松散...【详细内容】
2021-06-01  LeviT    Tags:XML   点击:(193)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  IT洞察者    Tags:Html   点击:(220)  评论:(0)  加入收藏
HTML5语义化与新特性什么是HTML语义化?表示选择合适的标签(语义化标签)便于开发者阅读和写出更优雅的代码为什么要使用语义化标签?1). 在没有CSS样式的情况下,页面整体也会呈现...【详细内容】
2021-03-02      Tags:HTML   点击:(236)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条