Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

README.md

HTML Mastery Guide 🏅

Fundamental & HTML Entity

In HTML, the tags and attributes are not case-sensitive. This means that you can use uppercase or lowercase letters when writing HTML elements, and the browser will interpret them in the same way. For example, <p>, <P>, and <P> are all considered the same and will create a paragraph element.

Content table

Fundamental

HTML is not case sensitive

<html> = <HTML>
<p> = <P>
<head> = <HEAD>
<body> = <BODY>

What is an HTML element?

Almost every html tag enclosed with an open and a closing tag.

<start-tag>context<end-tag>

Most used tags

For writing

<p>This is a paragraph</p>

Note

<p> used to write paragraphs or normal text. It creates a new line before and after the element, taking up the full width of its parent container.

<pre>
   This is 
         pre
      tag
</pre>

Note

<pre> tag is used for pre-formatted text, keeping the original spaces and line breaks exactly as they are in the code.

For Headings

<h1>Heading h1</h1>
<h2>Heading h1</h2>
<h3>Heading h1</h3>
<h4>Heading h1</h4>
<h5>Heading h1</h5>
<h6>Heading h1</h6>

Note

When writing headings, the size of the text will decrease from <h1> (The most important heading and largest size) to <h6> (The least important heading and smallest size).

For Text Formatting

Bold

<b>I am Bold</b>

Note

<b> tag is used to make text bold

<i>I am Italic</i>

Note

<i> tag is used to make text italic

<u>I am Underline</u>

Note

<u> tag is used to make underline

Important

<strong> tag is similar to the <b> tag and <em> tag is similar to the <i> tag.

<big>I am big</big>
<small>I am small</small>
<sup>I am Superscript</sup>
<sub>I am Subscript</sub>

Note

Sometimes we use some special characters on a web page like angular brackets, copyright symbols, trademark symbols, etc.
But there is a problem with HTML we can't use angular brackets directly because HTML takes them as a tag, if we use opening and closing angular brackets together it will affect our code. To solve this bug we will use HTML Entity
It starts with Ampersand (&) and should be closed with a semi-colon (;),

List of HTML Entities

● &nbsp; - Non-breaking space
● &lt; - Less than angular bracket
● &gt; - Greater than angular bracket
● &copy; - Copyright 
● &amp; - Ampersand 
● &semi; - SemiColon 
● &reg; - Registered 
● &trade; - Trademark 
● &commat; - At the rate 
● &star; - Holo Star
● &starf; - Filled Star
● &phone; - Phone 
● &male; - Male 
● &female; - Female 
● &hearts; - Heart 
● &spades; - Spade
● &clubs; - Club
● &diams; - Diamond
● &sung; - Tune 
● &check; - Check

There are so many symbols in HTML we can use them to add # after &

Contributions are welcome ❤️

Happy Coding 🤝!