DEV Community

Amit
Amit

Posted on

Introduction to Web and HTML

Long ago when world needed something to share their achievements, views, discoveries or researches they needed a medium where they could share it across the world in a very fast and convenient way, we came up with web aka internet. Now with a simple click we can read or watch almost anything that world wanted to show.

Apache HTTP server

Web is made up of servers. Most web page are server using a webserver called Apache2. Apache2 is free and open source that gives us web content on internet.

cPanel

cPanel is a web hosting control panel which host our website in a convenient way. We can manage our webpage using cPanel. It is very user friendly.

Live server

We need live servers where we can run or test our webpages to check if they are running fine. Live server updates our memory in a way that if we make any changes to our webpage using the code it will update as soon as we save our work. The most popular live server is by Ritwick Dey. It is an extension and is available for many platforms such as vscode.

HTML

Html page is made up of different elements or tags. The main tags are head and body. Head contains hidden meta information such as charset, language, browser compatibility, size, color etc. Body tag is our main tag where we do most of the work for a webpage. It can contain h tag, p tag, img tag, a tag etc. There are maximum number of 6-h (heading) tags.

h tag is a heading tag. It gives the text a bold and bigger look so that its easier to read.

p tag is basically a paragraph tag in which you can type out your own research or data. We can also use Lorem ipsum if we want to fill the p tag with arbitrary information.

img tag is useful in embedding images to our webpage. There are several attributes to an element. img has src i.e., source, alt, sizes and srcset attributes to it. We can adjust the size of the image using these attributes. If the image is not loading we can use alt attributes so we know that there's a image there but its not loading due to some reason. "alt" attribute is very important for screen readers. Overall a very good attribute to have if your webpage required to have accessibility features. These kinds of accessibility features or attributes are very useful while developing websites for European countries.

a tag is used for embed hyperlinks in your website.

We will learn more about HTML, elements and attributes in upcoming articles.

Top comments (1)

Collapse
 
provks profile image
Varun Kumar Sharma

Much needed, thanks for posting!