1-html标签介绍

曾经终败给现在 2021-07-25 01:01 668阅读 0赞

<style>
     p { 
    	 color: #666666;
     }
     .list { 
    	 width: 400px;
     }
    </style>
    
    <div class="list">标签内容</div>
    <br/>
    <img src="http://xx.com"/>

HTML标签是由`<>`包围的关键词，例如`<html>`

HTML标签通常成对出现，分为标签开头和标签结尾，例如`<html></html>`

有部分标签是没有结束标签，成为单标签，单标签内必须用`/`结尾。例如`<br/>`

页面中所有的内容，都要放在HTML标签中

HTML标签主题分为三个部分：

*  标签名称
 *  标签内容
 *  标签属性

HTML标签具有语义化

*  语义化，就是仅通过标签名就能判断出该标签的内容

语义化的作用

*  网页结构层次更清晰
 *  更容易被搜索引擎收录
 *  更容易让屏幕阅读器读出网页内容

标签的内容就是一对标签内部的内容

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

## 标签全局标准属性 ##

规定了8个全局标准属性

class属性

*  用于定义元素的类名

id属性

*  用于指定元素的唯一id
 *  注意该属性的值在整个HTML文档中具有唯一性

style属性

*  用于指定元素的行为样式
 *  使用该属性后将会覆盖任何全局的样式设定

title属性

*  用于指定元素的额外信息

accesskey属性

*  用于指定激活元素的快捷键

tabindex属性

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

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`当元素上发生鼠标点击时触发

`onblclick`当元素上发生鼠标双击时触发

`onmousedown`当元素上按下鼠标按钮时触发

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

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

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

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

`media`媒体事件

`onabort`当退出时触发

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

发表评论取消回复

表情：

评论列表（有 0 条评论，668人围观）

还没有评论，来说两句吧...

相关阅读

相关关于html marguee标签介绍

活动字幕，也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感，显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现

刺骨的言语ヽ痛彻心扉/ 2024年04月03日 11:39/ 0 赞/ 88 阅读

相关 html标签入门学习 html标签介绍

![8556f7730d0ae545969ec6e1f7db2273.jpeg][] HTML（Hypertext Markup Language）是一种用于创建网页的标记语

小鱼儿/ 2024年03月24日 22:39/ 0 赞/ 78 阅读

相关 HTML标签练习（1）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

我不是女神ヾ/ 2024年02月18日 18:43/ 0 赞/ 94 阅读

相关 1、HTML介绍

HTML + CSS 基础 web 前端开发需要掌握：html、css样式、JavaScript语言。 HTML是网页内容的载体：内容即网页中所呈现出来的信息，

古城微笑少年丶/ 2023年10月17日 19:13/ 0 赞/ 60 阅读

相关 02-HTML学习-标签介绍

以前Python爬虫总是解析HTML页面，现在开始自己写超文本，那什么是html标签呢？ <!DOCTYPE html> <html lang="en">

水深无声/ 2023年10月02日 18:29/ 0 赞/ 32 阅读

相关 HTML常见标签介绍及使用

HTML标签01 <body> <input type="text" name="" value=" test"> 语文<input type

傷城~/ 2022年12月12日 13:57/ 0 赞/ 262 阅读

相关 html标签的简单介绍和使用1

最为简单的html页面所需要的一些标签 <html>  <head>

深碍√TFBOYSˉ_/ 2022年08月03日 08:27/ 0 赞/ 177 阅读

相关 html标签1

html标签<</span> ... ...普通卷动 ...滑动 ...预设卷动 ...来回卷动 ...向下卷动 ...向上卷动向右卷动 ’left’>向左

我不是女神ヾ/ 2022年07月21日 05:46/ 0 赞/ 212 阅读

相关 HTML label标签介绍

label标签介绍 label标签为input元素定义标注(标记)，它不会向用户呈现任何特殊效果，和span标签类似。但label标签和span标签最大的区别就是它为鼠标

喜欢ヅ旅行/ 2022年06月15日 12:42/ 0 赞/ 312 阅读

相关 1-html标签介绍

<style> p { color: 666666; } .list { width: 400px;

曾经终败给现在/ 2021年07月25日 01:01/ 0 赞/ 669 阅读