Posts

A Guide To Learning HTML Chapter 1

avatar of @iniobong3emm
25
@iniobong3emm
·
0 views
·
3 min read

Contents

Introduction

What HTML is About?

Basic HTML tags

Creating a sample

Conclusion

Introduction
Learning is part of everyday process. You can learn new ways to cook, carryout task or even a new skill. The most surprising out of this article is that you can learn a skill and use it to earn yourself a good job even without waiting from salary. It is a side income and you can as well educate others concerning it.

This article presents a guide to learn HTML from the basics. It is not the whole concept of HTML that will be presented in this article but contents shall be made in subsequent post.

What HTML is About? HTML is a programming language for creating of web pages. The full meaning of html is hypertext markup language. It consist of elements, these elements consist of tags which are meant to interact with the browser.

Each design or elements you use in the html environment has a way of telling the browser what should be displayed on webpage.

Basic HTML tags The following are the basic tags used in an html document but subsequent tags will be released as well. The tags are not meant to be included in the display except its content. Examples of html tags and their indication

The doc type tag

I will not have to type this tag but it will be shown in an image due to the fact that there will be a conflict when communicating with my browser during posting. The doc type tag is informing the browser that what is about to be loaded as a web page is a html document.

Heading tag

Photo By Me

The heading shows what should be displayed as heading of your web page. It usually has the title of the web page tag as well. The coding of this tag is seen in the image above but when you open with a browser, it appears as this.

Photo By Me

To initiate a tag command you always make use of the bracket <>. Once the heading tag is coded and opened to include the title, it needs to be closed back by using a back slash as seen below. </>.

Body tag The body of your html document will tell the browser how to present your content in paragraph and heading. This type of heading isn’t the title heading this time around but a paragraph heading. It uses letters such as h1, h2, h3 depends on how many heading you wish to see on your web page. Each heading you open must be closed as well using the close command as seen below.

Paragraph tag Paragraph tag is usually used to indicate where a new paragraph should begin and end using the <> brackets and the p1, p2, p3…. Command depending on the type of your content. If you have a contents made up of 100 paragraph then you can proceed from p4…p100.

Creating a sample In this section we shall create a simple web page with basic tags layout. I wont be including tags as I said earlier because there are some complications that arises when posting it on the hive web3.

Photo By Me

To get started, you need to download notepad ++ in your system.

After downloading install the software.

Open a new file and write out the codes as seen below which shall be explained.

Like I said the doc type is an indication to the web browser you are using that the document is html based. The title tag is informing the browser that if anyone searches for anything concerning learning html, the web page will pop out amongst the result shown. The title and heading is close using the </> and head tag.

You can see the paragraph and how its been displayed. You can try doing something similar to this right now and indicate in the comment section if you are interested in this article.

Conclusion This post has been able to present a brief about html, using the basic tags and also coding a simple site. Thanks for passing by