青少年编程与数学 01-005 超文本标记语言（HTML）11课题、属性-CSDN博客

本文链接：https://blog.csdn.net/qq_40071585/article/details/140240161

青少年编程与数学 01-005 超文本标记语言（HTML）11课题、属性

课题摘要
课题要求
一、HTML属性
二、HTML全局属性
课题建议
课题作业
附录一、Oracle公司简介

本文介绍HTML的属性以及全局属性。

“编程不仅仅是一种职业技能，它是一种全新的思考方式。
Programming is not just a job skill, it’s a new way of thinking.”
—— 史蒂夫·乔布斯 (Steve Jobs) | 美国企业家和发明家 | 1955-2011

“学习编程就是学习如何思考。
Learning to program is learning how to think.”
—— 史蒂夫·沃兹尼亚克 (Stephen Gary Wozniak) | 美国发明家、工程师 | 1950-

课题摘要

本文介绍HTML的属性以及全局属性。

课题要求

理解HTML属性的意义。
掌握常用全局属性的使用方法。

一、HTML属性

HTML属性用于为HTML元素提供额外的信息。以下是一些常用的HTML属性：

class: 用于定义一个或多个类名，可以用于CSS样式或JavaScript操作。
```
<p class="example">这是一个例子</p>
```
id: 为元素分配一个唯一的ID，用于CSS样式、JavaScript操作或者页面内的链接。
```
<div id="myDiv">这是我的div</div>
```
style: 直接在HTML元素中应用CSS样式。
```
<p style="color: red;">红色的文本</p>
```

href: 用于<a>标签，指定链接的目标URL。

<a href="https://www.example.com">访问示例网站</a>

src: 用于<img>, <script>, <iframe>等标签，指定要加载的资源的URL。
```
<img src="image.jpg" alt="描述">
```
alt: 用于<img>标签，当图片无法显示时提供替代文本。
```
<img src="image.jpg" alt="示例图片">
```
title: 提供元素的额外信息，通常作为鼠标悬停时的工具提示。
```
<p title="这是一个标题">悬停以查看标题</p>
```
disabled: 禁用表单元素。
```
<input type="text" disabled>
```
readonly: 表单元素只能读，不能修改。
```
<input type="text" readonly>
```
required: 表示表单元素是必填的。
```
<input type="text" required>
```

这些只是HTML属性的一小部分，根据需要和上下文，还有许多其他属性可用。

二、HTML全局属性

HTML全局属性是在HTML5中引入的概念，这些属性可以应用于任何HTML元素，为它们提供额外的通用功能和信息。下面是一个HTML5全局属性的完整列表：

accesskey - 定义了用于快速访问元素的键盘快捷键。
```
<button accesskey="k">快捷键按钮</button>
```
autocapitalize - 控制输入字段中的自动大写行为。
```
<input autocapitalize="off">
```
autocomplete - 指定是否启用自动完成功能。
```
<form autocomplete="on">
```
class - 定义元素的一个或多个类名。
```
<p class="example">示例文本</p>
```
contenteditable - 规定元素的内容是否可编辑。
```
<p contenteditable="true">可编辑的段落</p>
```

contextmenu - 定义元素的上下文菜单。

<div contextmenu="myMenu">右键菜单</div>

dir - 规定元素中文字的方向。

<p dir="rtl">从右向左的文字方向</p>

draggable - 指定元素是否可以拖放。
```
<img draggable="true" src="image.jpg">
```
dropzone - 规定元素的拖放行为。
```
<div dropzone="copy">仅复制</div>
```
hidden - 规定元素应该被隐藏而无需显示。

<p hidden>隐藏的段落</p>

id - 为元素分配一个唯一的标识符。

<div id="uniqueId">唯一ID</div>

itemid - 规定元素代表的数据项的ID。

<span itemid="item1">项目1</span>

itemprop - 规定元素包含的数据项的属性。

<span itemprop="name">产品名称</span>

itemscope - 规定元素包含一个数据项。

<div itemscope itemtype="http://schema.org/Product">产品</div>

itemtype - 规定元素包含的数据项的类型。

<div itemtype="http://schema.org/Person">人物</div>

lang - 规定元素内容的语言。

<p lang="fr">法语文本</p>

spellcheck - 指定是否对元素进行拼写检查。

<textarea spellcheck="false"></textarea>

style - 定义元素的行内样式。

<p style="color: blue;">蓝色文本</p>

tabindex - 规定元素在页面中的键盘导航顺序。

<button tabindex="1">第一个按钮</button>

title - 提供元素的额外信息，常作为工具提示。

<p title="额外信息">带标题的段落</p>

translate - 指定元素的内容是否应被翻译。

<p translate="no">不要翻译</p>

请注意，某些属性可能只在特定的浏览器中完全支持，而且随着HTML标准的更新，可能会有新属性加入或旧属性被弃用。在实际应用时，建议查阅最新的HTML规范文档以获取最新信息。

课题建议

使用浏览器的开发者工具，查看网页元素的属性。

课题作业

制作网页，并验证全局属性的效果。

附录一、Oracle公司简介

Oracle公司，全称甲骨文公司（Oracle Corporation），是一家全球知名的技术公司，主要专注于数据库软件、云工程系统和企业软件解决方案。公司成立于1977年，由劳伦斯·埃里森（Lawrence J. Ellison）等人创立，总部位于美国加州红木滩市。Oracle公司的口号是“信息驱动”，并且提供多种专业认证，包括数据库管理、网络应用开发和Java开发等。

Oracle公司以其强大的数据库技术而闻名，其数据库产品具有高度的可移植性，能够运行在多种操作系统和硬件平台上。公司的产品线涵盖了从关系数据库管理系统到企业资源规划（ERP）和客户关系管理（CRM）软件的广泛领域。Oracle的电子商务套件（Oracle E-Business Suite）是一个集成的、基于互联网的商务应用套件，它自动化了企业的关键业务流程。

此外，Oracle公司还提供顾问咨询服务、教育培训服务和技术支持服务，以帮助客户实现业务增长和技术创新。公司在中国的发展也颇具规模，自1989年进入中国市场以来，已经在北京、上海、广州和成都等地设立了分支机构，并拥有研发中心，致力于本地化产品和服务的开发。

Oracle公司在技术创新方面不断突破，推出了包括Oracle10g在内的多代产品，这些产品以其智能化、高可用性和集群技术等特点，引领了行业发展。公司还积极拓展云计算领域，推出了自治数据库（Oracle Autonomous Database）等创新产品，致力于提供更加安全、高效的云服务。

总的来说，Oracle公司以其在数据库和企业软件领域的领导地位，以及不断的技术创新和全球化发展，成为了全球IT行业的重要参与者。