Unable to access website through hostname

I am working on a wordpress website and I’m unable to access my website using the host-name. [However, I’m able to access my website through the ip address. For example, when I enter 10.20.0.18, I’m directed to 10.20.0.18/wp-admin/plugins.php]

I am new to hosting and I was just able to update my hosts file and properly link the ip address to hostname by reading through some articles.

I also checked these links are correct using ping command.

For example, my hosts file looks something like this,

#Host file starts here
127.0.0.1 localhost
10.20.0.18 https://www.webserver.abc.com
66.155.40.202 api.www.remarpro.com
#End of host file
Now, when I try to access the website using hostname through my web browser, I get this error.

This site can’t be reached https://www.webserver.abc’s server IP address could not be found.

I am not sure where I am going wrong, or do I need to make some more changes in other files?