HTML Tutorial

The language for building web pages.

Chapter Quiz Exercises
Course Topics
HTML Introduction HTML Introduction HTML Editors HTML Elements HTML Basic HTML Attributes HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Block & Inline HTML Div HTML Classes HTML Id HTML Iframes HTML JavaScript HTML Head HTML Layout HTML Responsive HTML Entities HTML Forms HTML Input Types HTML Canvas HTML SVG HTML Video HTML Audio HTML Geolocation HTML Web Storage HTML Favicon HTML Semantics HTML Buttons HTML Computercode HTML Symbols HTML Emojis HTML Drag and Drop HTML Form Elements HTML Accessibility HTML YouTube

HTML Classes

HTML class Attribute

The HTML class attribute is used to specify a class for an HTML element. Multiple HTML elements can share the same class. The class attribute is often used to point to a class name in a stylesheet.

Key Rules:

  • An element can have multiple classes: class="box red"
  • Multiple elements can share one class
  • Classes are selected in CSS with a dot: .classname
  • JavaScript selects them with getElementsByClassName()

Try It Yourself

Edit the code below and click Run to see the result live.

Source Code
Result
Topics
HTML Introduction HTML Introduction HTML Editors HTML Elements HTML Basic HTML Attributes HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Block & Inline HTML Div HTML Classes HTML Id HTML Iframes HTML JavaScript HTML Head HTML Layout HTML Responsive HTML Entities HTML Forms HTML Input Types HTML Canvas HTML SVG HTML Video HTML Audio HTML Geolocation HTML Web Storage HTML Favicon HTML Semantics HTML Buttons HTML Computercode HTML Symbols HTML Emojis HTML Drag and Drop HTML Form Elements HTML Accessibility HTML YouTube