Font awesome | html entities | howto add a characters , emojis and icons in html |html for beginners

Font awesome | html entities | howto add a characters , emojis and icons in html |html for beginners


hi in this video I will show you how you
can add an emoji or characters that not present in your keyboard so each
character or emoji has a code so let we see this, so let we make Euro sign and
copyright sign so & hashtag eight three six
four and then semicolon copy write sign is & hashtag one six nine so here is the dollar sign and here is a
copy sign we are not gonna memorize the code you can google for it or you can
use w3schools website like this like Google for characters in HTML and those
are many characters we can just take this code below each
one for example let we add this arrow so it has three codes you can take one of
them so let me take the last one and then paste it in our page nice also we can add emoji here characters from w3school so here is some emoji you can just take
the code but don’t forget to add ampersand and semicolon at the end so
for example let we add this one but we have to add ampersand hashtag and
at the end ; nice also we can take the other code this one but add ampersand hashtag
x at the end semicolon and at the beginning ampersand hashtag X the same thing so you can take one of
them as you like and also you can find many emoji here or you can google for it let we now move to the last thing we can
add icons from a website called font awesome but before we add the icons we
have to copy a link in our page so we can take the icons that you see so I
will get the link from w3 school font awesome you can find it on w3schools so take the link and paste it within the head element so below title then to add icon I will get from
w3schools here is an icon for clock
take it copy and paste it in your page so here is the clock also we can add all
those icons animated icons and it’s awesome paste it here page so those are loading icons you can use
it within a button and finally you can get those icons from font awesome
website here you can find many icons like this just pick what you like so for example I will take this Apple just click the code and paste it in your page
nice let we change the width for this clock so it will be font awesome and for
example i will make it large nice so make it bigger you can make it
2x or 3x or 5x as you like that’s how you can change the size of the icon also
we can add a border for this icon so for the last one the Apple I would add a
border so awesome and I will add border so here is a border around the Apple let we
just make it bigger so you can notice it so let we change the size for the Apple
font awesome and then the size let make it 5x nice so that’s everything about how to
make icon emoji and characters that not present in your keyboard so practice
well good luck and see you next time

Leave a Reply

Your email address will not be published. Required fields are marked *