1. Headings:

There are 6 types of heading elements:

  1. h1
  2. h2
  3. h3
  4. h4
  5. h5
  6. h6



2. For writing paragraph:

by using p element we can write a paragraph.




3. Text highlighters:

  1. b
    by using b element we can make characters appear bold
  2. i
    by using i element we can make characters appear italic
  3. u
    by using u element we can make characters appear underline



4. Superscript & Subscript:

  1. sup
    sup element is used to display text slightly above the normal line, Example: H2
  2. sub
    sub element is used to display text slightly below the normal line, Example: H 2



5. line Breaks & HorizonTal rules:

  1. br
    br tag is Used to move content to the next line without starting a new paragraph
  2. hr
    hr tag Used to separate sections or content



6. Semantic Markup:

(Semantic markup is used to clearly describe the meaning of content to the browser)

  1. strong
    strong element is used to show that the text is very important and Browsers usually make it bold, Example: This toy has many small pieces and is not suitable for children under five years old.
  2. em(Emphasis)
    em element is used to emphasis to the text (like stress in speech) and Browsers usually make it italic, Example: This is HTML website.



7. Quotations (exactly from someone else’s words):

(There are two elements commonly used for marking up quotations:)

  1. blockquote
    blockquote element is used for longer quotes that take up an entire paragraph (cite attribute is usally used with this element), Example:

    Did you ever stop to think, and forget to start again?

  2. q
    q element is used for short quotations, inside a sentence., Example: She said, Knowledge is power.

    (Browsers usually display it with quotation marks.)

Note: The q and blockquote elements may use the cite attribute to specify the source of the quotation. The value of the cite attribute should be a URL pointing to a webpage or document that gives more information about the quote’s origin




8. AbbreViations & Acronyms:

Abbr

The abbr element is used to represent an abbreviation or acronym. It often includes a title attribute to show the full form when hovered.

Example: The PM of pakistan is Hassan Ahmed.




9. Citation & Definition:

Citation (cite)

A citation is a mention of a source that shows where information comes from and gives credit to the writer or creator.

Example: According to Albert Einstein (1921), "Imagination is more important than knowledge.


Definition (dfn)

The dfn element is used to indicate the defining instance of a new term.

Example: Computer is an electronic machine.




Author Details:

address

address element has quite a specific use: to contain contact details for the author of the page.

It can contain a physical address, but it does not have to. For example, it may also contain a phone number or email address

When we use email address that time we use ancor tag in element of address and we write mailto: in href

Example:

hassanahmed2017786@gmail.com

house 295 sector 51-B korangi 6.




10. Changes to Content

ins and del

The ins tag is used to show inserted or newly added text in a document.

And

The del tag is used to show deleted or removed text in a document.

Example: It was the worst best idea she had ever had.

s element

The s tag is used when text is no longer correct, valid, or relevant, but you still want to show it and It usually appears with a strikethrough line.

Example: Showing an old price before a discount,

Old Price: $100 New Price: $80

Easy difference between del element and s element

s element Text is outdated or no longer true (but not a mistake).

del Text has been removed, corrected, or replaced (a mistake or change).




Go to top