Course Content
HTML Tutorial
0/6
HTML introduction
HTML Editor
HTML Basics
HTML Elements
HTML Attributes
Assessment 3
HTML Tags
0/55
HTML comment Tag
HTML doctype Declaration
HTML a Tag
HTML abbreviations Tag
HTML acronym Tag
HTML address Tag
HTML applet Tag
HTML area Tag
HTML article Tag
HTML aside Tag
HTML audio Tag
HTML b Tag
HTML Strong Tag
HTML base Tag
HTML basefont Tag
HTML bdi Tag
HTML bdo Tag
HTML big Tag
HTML blockquote Tag
HTML body Tag
HTML br Tag
HTML button Tag
HTML canvas Tag
HTML caption Tag
HTML center Tag
HTML cite Tag
HTML code Tag
HTML col Tag
HTML colgroup Tag
HTML data Tag
HTML datalist Tag
HTML dd Tag
HTML del Tag
HTML details Tag
HTML dfn Tag
HTML dialog Tag
HTML dir Tag
HTML div Tag
HTML dl Tag
HTML dt Tag
HTML em Tag
HTML embed Tag
HTML fieldset Tag
HTML figcaption Tag
HTML figure Tag
HTML font Tag
HTML footer Tag
HTML Form Tag
HTML frame Tag
HTML frameset Tag
HTML h1 to h6 Tags
HTML head Tag
HTML hr Tag
00:00
HTML html Tag
HTML i Tag
HTML References
0/3
HTML Doctype References
HTML Global Attributes
HTML Event Attributes
HTML Tutorial: Complete HTML Tutorial
About Lesson

HTML Global Attributes

HTML global attributes are a set of attributes that can be applied to all HTML elements. They provide additional information about an element’s behavior, style, or content. Let’s explore these attributes in detail:

Attribute Description
accesskey This attribute specifies a shortcut key to activate or focus an element. It’s a quick way to navigate to a specific part of your webpage using the keyboard.
class The class attribute specifies one or more class names for an element. These class names refer to a class in a style sheet, allowing you to apply specific styles to elements.
contenteditable This attribute specifies whether the content of an element is editable or not. It can be used to make parts of your webpage editable by the user.
data-* The data-* attribute is used to store custom data private to the page or application. It allows you to store extra information without interfering with the HTML validation.
dir The dir attribute specifies the text direction for the content in an element. It can be used to support right-to-left languages like Arabic or Hebrew.
draggable This attribute specifies whether an element is draggable or not. It can be used to create drag-and-drop functionality.
hidden The hidden attribute specifies that an element is not yet, or is no longer, relevant. It can be used to hide elements from the user.
id The id attribute specifies a unique id for an element. It’s used to identify a single, unique element for scripting or styling purposes.
lang The lang attribute specifies the language of the element’s content. It helps search engines understand the language of your content and can be used by screen readers to change pronunciation rules.
spellcheck This attribute specifies whether the element is to have its spelling and grammar checked or not. It can be used in text fields to help users avoid spelling errors.
style The style attribute specifies an inline CSS style for an element. It’s a way to apply a unique style to a single element.
tabindex The tabindex attribute specifies the tabbing order of an element. It can be used to customize the order in which elements gain focus when the user uses the tab key.
title The title attribute specifies extra information about an element. This information often shows as a tooltip when the user hovers over the element.
translate The translate attribute specifies whether the content of an element should be translated or not. It can be used to prevent automatic translation of specific parts of your webpage.

These attributes can be used to enhance the functionality, accessibility, and usability of your webpages. Remember, HTML is all about structuring and presenting content on the web, and these global attributes play a crucial role in that process.

Previous
Next