Assalamualaikum wbt and good day to all.
Hypertext Markup Language or more widely known as HTML easily can be described as the computer language that we use to design and build a web page. It consists of various specific notations which each of them carry their own function. Therefore, it is crucial for this language to be typed out precisely correct or else, the desired effect would not appear on the web page. We called such error as
syntax error.
There are many types of interface programs that we can use to edit and generate the HTML. However, for a beginner, it is recommended to simply use the Notepad that is available in almost every Windows-based computers.
In order for the HTML to work, instead of saving the Notepad file in .txt, we have to save it in .html.
Basically, all HTML coding start with <html> followed by <body> and end with </body> followed by </html>.
When we click open the html file, it would look exactly like this.
Notice that the heading is in a bigger font compared to the content. There are six codes for the heading, ranging from <h1> to <h6>. The bigger the number, the smaller the font, Hence <h6> has the smallest font for the heading. The same concept also applied to the content, However, instead of <h1>, we use letter p as in <p1> and so on.
The HTML is responsible on the appearance, layout and the content of your webpage or in other words, how your webpage is going to look like. Therefore, obviously there are a lot of things that the HTML is capable of doing, basically everything that a webpage should contains!
Nevertheless, in this post, we are only going to show the HTML of some common, basic things first. Common and basic they may seem to be, we still should also pay close attention to this lesson as these are the things that would form the solid foundation of our HTML knowledge.
1. List
There are various types of lists that can be generated using HTML. Among of them are ordered list, unordered list and nested list. The ordered lists use numbers or letters to indicate the enumeration of the list, while the unordered lists use disc-shaped or square-shaped bullets.
Ordered list uses <ol> and unordered list uses <ul>. The nested list is the combination of various lists; all ordered lists, all unordered lists or a mixture of both ordered and unordered lists.
The result is :-
2. Hypertext link
For those that are familiar to blogging, you should know that every time we want to put a link from our blog to other website, we simply click on the link button on the compose editor pad. HTML is the one that makes it functions that way.
We can put links to the other section of the very post by putting a section name preceded by #
which would come out as
By right, if you really type out the paragraphs until the Chapter 4 is out of the available view on your monitor, by clicking 'see also Chapter 4', it would scrolled by itself directly to Chapter 4.
We also can put a link to section in URL. This can be done by using relative or absolute URL, followed by # and then the section name. Relative URL is a filename or a relative path to a filename. Absolute URL is the complete URL beginning with the 'http://'.
3. Image
We can also put images on our webpage using HTML. The HTML for a static image and a moving image is exactly the same.
Well, obviously the moving image would not move in the screenshot...Just want to show how it would look like :)
4. Last but never the least : Table
Yes, you can create various types of tables; with cellpadding, without cellpadding, with and without border.
In order to have a table with border attribute, you have specify the border in the html.
And if I paste this html into the HTML editor of this blogspot,
Jill |
Smith |
50 |
Eve |
Jackson |
94 |
Taraaa, the table appears in this post!
Or you can also create a table with cellpadding and without cellpadding using this following HTML.
So, your webpage would appear like this,
Now you noticed the difference of a table with cellpadding and the one that is without, aren't you?
In this modern era of technology, it is highly essential for us to have at least some knowledge in computing. The development of technologies nowadays is very rapid and fast-paced. We should not let ourselves lacking behind and choose to wallow in self-ignorant about the importance of this knowledge. Furthermore, almost all businesses these days use websites in order to provide a better service the customers. Hence, there is always a high demand for a person who is good in IT. If you are willing to spare some times to learn, you can eventually make money out of it! This is your big chance!
Thus, since our lesson is very limited, we recommend you to
this website to know everything you want to know about HTML and various other computing lessons.
Happy learning!