编程笔记 html5&css&js 010 HTML全局属性

Posted on by hackdl

编程笔记 html5&css&js 010 HTML全局属性

  • HTML5常用的全局属性
  • 学习方法

HTML5常用的全局属性

是指可以应用于所有HTML元素的属性。以下是HTML5常用的全局属性及其用法：

  1. class：为元素设置一个或多个类名，用于样式化或脚本操作。
    示例：

  2. id：为元素设置一个唯一的标识符，通常用于通过JavaScript或CSS选择特定的元素。
    示例：

  3. style：用于为元素设置行内样式。
    示例：

    Hello World!

  4. title：为元素设置一个额外的信息，当鼠标悬停在元素上时显示。
    示例：Image

  5. lang：指定元素的语言。
    示例：

  6. tabindex：指定元素在通过键盘导航时的顺序。
    示例：

  7. accesskey：定义一个快捷键来激活元素。
    示例：

  8. contenteditable：指定元素是否可编辑。
    示例：

  9. draggable：指定元素是否可拖动。
    示例：

  10. hidden：隐藏元素。
    示例：

  11. role：指定元素的角色。
    示例：

  12. data-*：自定义属性，用于存储元素相关的数据。
    示例：

    这些全局属性可以应用于任何HTML元素，并且具有不同的用途。您可以根据您的需要使用这些属性来增强您的网页。

    学习方法

    按每个属性名称，网上搜索使用方法，并写入自己的练习网页中。

$(function() {
setTimeout(function () {
var mathcodeList = document.querySelectorAll('.htmledit_views img.mathcode');
if (mathcodeList.length > 0) {
for (let i = 0; i < mathcodeList.length; i++) {
if (mathcodeList[i].naturalWidth === 0 || mathcodeList[i].naturalHeight === 0) {
var alt = mathcodeList[i].alt;
alt = '(' + alt + ')';
var curSpan = $('');
curSpan.text(alt);
$(mathcodeList[i]).before(curSpan);
$(mathcodeList[i]).remove();
}
}
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
}
}, 1000)
});


优惠劵




明月看潮生

关注
关注





  • 25

    点赞



  • 踩





  • 9


    收藏

    觉得还不错?

    一键收藏

  • 服务器托管网



    0

    评论

专栏目录
B站Mosh终极 HTML & CSS 课程汇总笔记

07-20

这个笔记都是我在看Mosh的web前端Html和css课程，自学时记下的笔记。总共不到2w字，前面在讲一些基础的时候记录的文字较多，但是后面基本上都是敲代码了，所以，笔记就很少了，基本全是代码。 还有一点，就是我用的...

HTML&CSS的思维导图笔记

04-12

HTML&CSS的思维导图笔记

参与评论
您还未登录，请先
登录
后发表或查看评论

HTML&CSS自学笔记大全

04-09

根据W3C标准,一个网页分为三个部分: 1. 结构(HTML):用于描述页面的结构,类似于人体的骨架 2. 表现(CSS):用于控制页面中元素的样式,类似于人类的长相,所有看见的都是表现 ...这里的笔记是html和css的重难点

web之html&css相关笔记

09-26

web之html&css相关笔记

编程笔记 html5&css&js 002 一些基本概念

明月看潮生的博客
12-24

935

摘要：介始一些编写网页涉及的一些基本概念，包括HTML5、CSS3、JAVASCRIPT、WEB、浏览器等概念，以及编写网页需要用到相关的工具等。

编程笔记 html5&css&js 013 HTML布局
最新发布

明月看潮生的博客
12-29

651

网页布局对改善网站的外观非常重要。请慎重设计您的网页布局。

引用jquery.js的html5基础页面模板

大剑师兰特的GIS世界
12-26

677

当你着手从0到1去书写一个html页面的时候，没有一个合适的模板，纯手写还真是费时费力，更重要的是不一定都能写对。 本文是一个加载了jquery.js的html模板， 稍加改动head部分和body部分，就可以生成自己想要的页面了。

HTML5之 夜景放烟花

qq_39835505的博客
12-25

2153

【代码】HTML5之 夜景放烟花。

编程笔记 html5&css&js 012 HTML分块

明月看潮生的博客
12-29

606

像报纸排版一样，很多时候需要把平面划分为多个块，网页也是一样，这里就看一下，怎么在页面中划分区块。

编程笔记 html5&css&js 004 我的第一个页面

明月看潮生的博客
12-25

1248

开始编写网页，并且使用第一个网页成为一个母板，用于完成后续内容的学习。有一个基本要求，显示结果时不能一个白色背景的窗口，伤眼，不美观。

编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作

明月看潮生的博客
12-25

567

在编写网页之前，对网页内容及操作进行一个基本分类，然后接下来的任务就分别加以处理。

Css基础内容

m0_59745705的博客
12-28

351

p class="text2">上划线aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa。-- -->-- link引入外部样式表：rel：关系.样式表，敲完link直接按回车就行 -->rgb表示法：rgb（r，g，b）：r，g，b表示红绿蓝三原色，取值：0-255。rgba表示法：rgb（r，g，b，a）：a表示透明度,取值：0-1。

【JavaWeb】day01-HTML&CSS

DogE的博客
12-29

441

学习笔记

CSS中表格介绍，表格相关的样式以及长表格的使用

csgojingyu的博客
12-28

656

表格在日常生活中使用的非常的多，比如excel就是专门用来创建表格的工具，表格就是用来表示一些格式化的数据的，比如：课程表、银行对账单，在网页中也可以来创建出不同的表格

前端---css 的介绍

qq_42755734的博客
12-25

464

css(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言。没有使用css的效果图使用css的效果图。

使用Windi CSS（基于vue-cli）

weixin_43526403的博客
12-25

514

我的经历：直接终端输入以下命令即可自动安装，且在main.js文件会自动引入，也无需在vue.config.js中配置了才能使用，有特别定制的可以配置，不需要特别定制的可以不配置。利用脚手架vue-cli创建，根据需求设置vue版本、babel等，无特别要求直接用默认的vue2或vue3就行。VS code插件：WindiCSS IntelliSense，可以辅助自己使用。3、利用vue-cli安装Windi CSS。1、先创建vue项目。

三列布局 css

L_csdn123的博客
12-25

809

三列布局 css。

html5&css3学习笔记下载

09-21

HTML5（HyperText Markup Language 5）是一种用于构建和呈现网页内容的标准的最新版本。它是由万维网联盟（W3C）开发和维护的，旨在取代之前的HTML版本。

HTML5具有许多新的功能和特性，使得网页设计和开发更加灵活和强大。其中一些突出的特点包括：

1. 语义化标签：HTML5引入了新的语义标签，如

、

“相关推荐”对你有帮助么？


  • 非常没帮助

  • 没帮助

  • 一般

  • 有帮助

  • 非常有帮助

提交

window.csdn.csdnFooter.options = {
el: '.blog-footer-bottom',
type: 2
}

72
原创
1万+
周排名
2万+
总排名
2万+
访问

等级
1142
积分
273
粉丝
398
获赞
17
评论
294
收藏

私信
关注

热门文章

  • 应用软件功能设计和功能列表

    1833

  • 编程笔记 html5&css&js 004 我的第一个页面

    1201

  • 编程笔记 GOLANG基础 001 为什么要学习Go语言

    1146

  • 编程笔记 html5&css&js 010 HTML全局属性

    891

  • 编程笔记 html5&css&js 009 HTML链接

    890

分类专栏


  • 少年软件工程师

    2篇


  • HTML&CSS&JS

    15篇


  • GOLANG语言基础

    5篇


  • PYTHON语言基础


  • POSTGRESQL应用

    15篇


  • SQL SERVER应用

    7篇


  • .NET编程

    4篇


  • 《青少年成长管理》

    20篇


  • 码农视角

    6篇


  • 企业开发

    20篇

最新评论

  • 企业应用中的主要功能模型

    CSDN-Ada助手:
    尊敬的博主，您的文章“企业应用中的主要功能模型”写得非常棒！深入浅出地解释了企业应用程序的核心功能。感谢您为我们分享这样的知识和见解。

    为了让您的博客继续发光发热，我建议您写一篇题为“企业应用程序的未来走向” 的博客。这篇文章可以探讨现代企业应用程序的最新趋势和技术，并讨论这些趋势如何影响企业和他们的业务过程。相信这篇文章将会引起广泛关注，期待您的创作！

  • 通过建立功能模型来实现通用低代码软件平台

    码银:
    总结的很全面

  • 个人所得税计算函数的编写(plpgsql)

    码银:

    服务器托管网

  • 青少年成长管理 第04章 成长资源

    2301_76314304:
    真的没有啊，那可怎么办？

  • 制造企业产品成本核算功能设计实例

    2301_76314304:
    实施有难度，但确实是重要

您愿意向朋友推荐“博客详情页”吗？


  • 强烈不推荐

  • 不推荐

  • 一般般

  • 推荐

  • 强烈推荐

提交

最新文章

  • 编程笔记 html5&css&js 015 HTML列表
  • 编程笔记 html5&css&js 014 网页布局框架
  • 编程笔记 html5&css&js 013 HTML布局
2023

12月
23篇

02月
13篇

01月
36篇

目录

$("a.flexible-btn").click(function(){
$(this).parents('div.aside-box').removeClass('flexible-box');
$(this).parents("p.text-center").remove();
})

目录

分类专栏


  • 少年软件工程师

    2篇


  • HTML&CSS&JS

    15篇


  • GOLANG语言基础

    5篇


  • PYTHON语言基础


  • POSTGRESQL应用

    15篇


  • SQL SERVER应用

    7篇


  • .NET编程

    4篇


  • 《青少年成长管理》

    20篇


  • 码农视角

    6篇


  • 企业开发

    20篇

目录

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: java的json解析

import com.alibaba.fastjson.*; public class JsonParser { public static void main(String[] args) { String jsonStr = “{“name”:”John”…

服务器托管，北京服务器托管，服务器租用，机房机柜带宽租用

服务器托管

咨询：董先生

电话13051898268 QQ/微信93663045！

上一篇:
下一篇: