The JK Journal

Class Selectors To style specific elements, use the class attribute in HTML and prefix the class name with . in CSS. HTML-   <h1>First Heading</h1>                                                     <h1 class="highlight">Second Heading</h1> <h1 class="highlight">Third Heading</h1> CSS-   . highlight {   color: red; } Multiple Classes - like <h1 class="title center">The Times of India</h1>, then .title{} and .center{}. Use classes when more common elements present.  style only one element on the page differently, using a  class  selector is not the best way.  We can use the HTML   id   attribute to select that single element. The   #   symbol is used before the   id   name to select it. Universal selector - *{} for more freedom in color...

  Elements -  Heading -  h1 to h6 paragraph - <p>Himalayas is a beautiful mountain range. It lies in the Indian subcontinent.</p> unordered list or Ordered list (ol is used) -  <ul>   <li>Ice cream</li>   <li>Chocolate</li> </ul> div - <div></div> line brake- <br>   Elements with attribute -   image with attribute- <img src="https://ik.imagekit.io/d9mvewbju/Course/BigbinaryAcademy/download_d1dKbP6V8.avif" alt="The view from a balcony"> Link- <a>element is used to create a link to a web page. Here are some examples: link with target - The target attribute specifies where the linked document will open. _self: This is the default value. It opens the linked document in the same window where the link was clicked. _blank: Opens the linked document in a new window or tab. <a href="https://www.bigbinary.com/blog/introducing-neeto-ui-v6" target="_...