ENTITIES IN HTML ( # tutorial 15 )

Let us try to understand in the very basic level about entities.
Well , when you code in html then you can do many things like creating a paragraph , divs , links etc.

But have you noticed few things :

try giving three spaces in your webpage between two words
try writing the copyright sign
try writing greater than or less than sign in your html para's.

well there can be a long list but i have mentioned three out of them and when you will try writing those you will simply fail to do so because :

when it comes to spaces the webpage take number of spaces prodeuced using spacebar together as one space.
You will simply not find the copyright sign on your keyboard and even if you search the same on internet simply copy pasting won't work.
when you will try to write '>' or '<' then your webpage consider these as opening and closing tags so again it won't appear on your webpage.

So what is the solution to this...? Well the solution is Html Entities.

Source

html entities are written as :

'&' followed by the entity code or entity code number
examples in our case :

&nbsp; ----> used for giving spaces between two words.
&copy; ----> used to generate copyright logo.
&lt;  and &gt; ----> for less than and greater than sign.

Let us create something using the entities in html.
let us write :

"@megadrive is co-founder of BLURT ©"
"@jacobgadikian own the xyz.com website ©" and we will write this by creating more than one spaces.

STEPS

Step 1 : create a proper html structure for your file.

Step 2 : Write the follwing code inside the body tag.

Screenshot from 2020-11-27 23-34-55.png

Step 3 : Run the file with any browser to see the result.

Screenshot from 2020-11-27 23-34-34.png

Full Code :

<!DOCTYPE html>

<html>
<head>
   <meta charset="utf-8">
   <title>my first web page is here</title>
</head>

<body>
 <h2>@megadrive is co-founder of BLURT &copy;</h2>
    <h2> @jacobgadikian &nbsp;&nbsp;&nbsp;  own &nbsp;&nbsp;
     the &nbsp;&nbsp;&nbsp;&nbsp; xyz.com website &nbsp;&nbsp;&nbsp;&nbsp; &copy;</h2>

</body>

</html>

That's it for this tutorial , i Hope it was helpful to all.

Thank You.

Links for previous tutorials

Sort Order:

Trending

[-]

adesojisouljay · 4 years ago ·

Weldone, this is amazing, you can do a lot on blurt with this.

I would like you to follow @blurttalenthunt to participate in any activity of your desire. @blurttalenthunt opens opportunity for everyone to showcase their talents on the blurt blockchain. So it doesn't matter what your talent is, you are qualified to engage!

Thanks, i am @adesojisouljay, the unique being.

0.00 BLURT

$0.00