HTML The class Attribute

SUBMITTED BY: whtm

DATE: Dec. 27, 2016, 9:28 a.m.

FORMAT: Text only

SIZE: 910 Bytes

Raw Download

HITS: 1017

Report
  1. Using The class Attribute
  2. The HTML class attribute makes it possible to define equal styles for elements with the same class name.
  4. Here we have three <div> elements that points to the same class name:
  6. Example
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <style>
  11. div.cities {
  12. background-color: black;
  13. color: white;
  14. margin: 20px 0 20px 0;
  15. padding: 20px;
  16. }
  17. </style>
  18. </head>
  19. <body>
  21. <div class="cities">
  22. <h2>London</h2>
  23. <p>London is the capital of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
  24. </div>
  26. <div class="cities">
  27. <h2>Paris</h2>
  28. <p>Paris is the capital and most populous city of France.</p>
  29. </div>
  31. <div class="cities">
  32. <h2>Tokyo</h2>
  33. <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
  34. and the most populous metropolitan area in the world.</p>
  35. </div>
  37. </body>
  38. </html>
comments powered by Disqus