Skip to main content
HTML-Basics-you-should-know-if-you-are-a-beginner-or-novice

6 HTML Basics You Should Know If You Are A Beginner or A Novice

It is very rare to find good tutorial/tutor for any beginner having 0 level of coding language.

Are you good at formatting a document in good manner?

Do you struggle learning about publishing your own web page?

Do you think that html is that tough coding language to learn?

In this purpose I have made a post for your convenience and in your language for getting good understanding of 6 HTML Basics especially you should know before starting to spend something for leaning If you are a Beginner or A Novice.

1. It’s not a tough language

It’s just a combination of tags. You are going to remember simply what tag to use for which purpose.

 

html is not a language

 

2. You are going to present your text file into a specific format with HTML.

For example, you want a title ‘My First Web Page’ for your web-page. Then this is  your code combination.

<title>My First Web Page</title>

If you wanted to add Heading for a paragraph, there are h1, h2, h3, h4, h5, h6 tags depending on size of the heading, your code combination will be

<h1>Main Heading</h1>
<h2>Sub Main-heading</h2>

For adding a paragraph, Use

<p>This is the paragraph sitting Under Sub Main-heading</p>

3. No Problem solving skills, no Mathematical knowledge needed.

Yes, You don’t need to be a programmer or designer for getting started.

no programming knowledge needed க்கான பட முடிவு

4. Test yourself whether you can code or not.

Just open up a text file in Desktop/Folder, copy the following code.

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

<h1>Main Heading</h1>

<h2>Sub Main-heading</h2>

<p>This is the paragraph will be shown Under Sub Main-heading</p>

</body></html>

In Menu, open File -> Save As

Change file type to ‘All Files’

Then click ‘Save’.

Now you will notice that the icon change in your file shortcut. Right click the file and Open with any browser, you will see the output. This is how you are going to test your HTML  code every-time!

html-basics

5. HTML Basics you should know If you are a Beginner or A Novice.

Now come to the basics! Every Webpage uses Html, without html you can’t create any web-page.
A Webpage starts with <html> and ends with </html>, In Between you may write up anything and format them using appropriate tags within it.

In Html, Tags are nothing but pre-defined keyword such as html, title, h1, h2, etc, enclosed by < and >.

Every Opened tag must be closed whenever that purpose of a tag ends. Otherwise it will confuse with other tags and your required format won’t come.

 

buy-web-hosting-as-low-as-$1-ad-banner

6. Structure of HTML Webpage

So, the structure of any page will be like the following.

<!-- Start of the page--><html>

<head>

<!– Head tag will have title, css and javascript file inclusion–>

<title>My First Web Page</title>

</head>

<body>

<!– Actual content which will be readable for eyes in any webpage will

Go within body tag–>

<h1>Main Heading</h1>

<h2>Sub Main-heading</h2>

<p>This is the paragraph will be shown Under Sub Main-heading</p>

</body>

</html>

<!– End of the Page–>

In the above structure you might notice that I have used comments for explaining each tag purpose. Actually these comment section will be useful whenever you code for a larger webpage without knowing what element go where. For Example, In your personal showcase page you may use comments like

<!-- My Family Details section -->

——

——

——

<!– My Friends section –>

——

——

——

<!– Contact section –>

—–

—–

—–

Now you may easily navigate and make changes in your code. Remember your comment will start with <!– and ends with –> .

There are lots of tags to learn. Just visit w3schools.com for further learning of each tags and purpose. There will Try it Button which will show demo of each code combination without need of typing, saving the file and open in a browser.

Sometimes If you look over large html files you will get confused with
<span style="font-size: 2px" class="little-span">.
Actually span is a tag for grouping few elements into one place and leave some space and add next group of things. Here style=”…”  and class=”…”  are the things you get confused. Do not worry about these things. There are few properties such as class=””, id=”” and style=”” will be useful to inherit the purpose of designing your HTML webpage with the use of Cascading Style Sheets(CSS). Whenever you learn css scripting language you will get to know their purpose. If you don’t add or take out them then your web page will have only Html formatted page.

Hope you have enjoyed learning! Stay tuned for more tutorials like this Facebook, twitter, pinterest and LinkedIn.

60 thoughts on “6 HTML Basics You Should Know If You Are A Beginner or A Novice

  1. I just want to mention I am just newbie to weblog and definitely liked your web-site. Almost certainly I’m going to bookmark your site . You actually come with very good well written articles. Kudos for revealing your website.

  2. Hello there, I found your site via Google even as looking for a related matter, your website came up, it appears great. I’ve bookmarked it in my google bookmarks.

  3. I am really impressed with your writing skills as well as with the
    layout on your weblog. Is this a paid theme or did you modify it yourself?

    Anyway keep up the nice quality writing, it is rare to see a great blog like this one these days.

  4. Wow! This blog looks exactly like my old one! It’s on a totally different subject but it has pretty much the same page layout and design. Great choice of colors!

  5. I haven’t checked in here for some time as I thought it was getting boring, but the last several posts are good quality so I guess I’ll add you back to my daily bloglist. You deserve it my friend 🙂

  6. Excellent beat ! I wish to apprentice while you amend your web site, how could i subscribe for a blog web site? The account helped me a acceptable deal. I had been a little bit acquainted of this your broadcast provided bright clear concept

  7. I have learn some good stuff here. Certainly worth bookmarking for revisiting. I surprise how so much attempt you put to make any such fantastic informative web site.

  8. Your means of describing the whole thing in this piece of writing is really pleasant, all
    be able to without difficulty be aware of it, Thanks a lot.

  9. I just have to show you that I am new to posting and utterly loved your report. Quite possibly I am inclined to remember your blog post . You absolutely have lovely article blog posts. Be Grateful For it for sharing with us the best internet article

  10. It happens to be proper time to generate some intentions for the near future. I’ve go through this post and if I can, I want to suggest to you you a few unique ideas.

  11. I simply couldn’t leave your site before suggesting that I actually enjoyed the usual information an individual supply on your guests? Is going to be again frequently to check up on new posts

  12. Hello! I’ve been following your website for a long time now and finally got the courage to go ahead and give you a shout out from Humble Tx! Just wanted to mention keep up the excellent job!

  13. Hello to every body, it’s my first pay a visit of this web site;
    this website includes remarkable and genuinely good data for
    visitors.

  14. I don’t even know how I ended up here, but I thought this post was great.
    I do not know who you are but certainly you are going to a famous blogger if
    you are not already 😉 Cheers!

  15. Does your site have a contact page? I’m having a tough time locating it but, I’d like to shoot you an e-mail.
    I’ve got some ideas for your blog you might be interested in hearing.
    Either way, great blog and I look forward to seeing
    it improve over time.

  16. of course like your web-site however you need
    to check the spelling on several of your posts.
    Many of them are rife with spelling problems and I to find it very
    bothersome to inform the reality then again I will definitely come back
    again.

  17. Thanks for some other informative web site. The place else may just I am getting that kind of info written in such a perfect manner? I have a challenge that I am just now running on, and I’ve been at the glance out for such information.

  18. Hi, i think that i saw you visited my website thus i came to “return the favor”.I am trying to find things to enhance my website!I suppose its ok to use some of your ideas!!

  19. I want to show some appreciation to this writer for rescuing me from this matter. After surfing throughout the the web and obtaining ideas that were not beneficial, I assumed my life was done. Existing without the strategies to the issues you have sorted out all through your write-up is a crucial case, as well as the kind that might have in a wrong way damaged my career if I hadn’t discovered the blog. That training and kindness in dealing with every aspect was crucial. I don’t know what I would’ve done if I had not come upon such a solution like this. I’m able to at this time look ahead to my future. Thanks a lot very much for this reliable and results-oriented help. I won’t be reluctant to recommend your web page to any individual who would need guidance about this subject matter.

  20. Its like you read my mind! You seem to know a lot about this, like you wrote the book in it or something. I think that you could do with a few pics to drive the message home a bit, but instead of that, this is magnificent blog. A great read. I’ll definitely be back.

  21. hello!,I really like your writing very so much! percentage we communicate extra approximately your article on AOL? I need a specialist in this house to resolve my problem. Maybe that’s you! Taking a look forward to peer you.

  22. Hello There. I found your blog using msn. This is an extremely well written article. I’ll make sure to bookmark it and return to read more of your useful info. Thanks for the post. I will definitely comeback.

  23. I wanted to post a quick note to appreciate you for all of the stunning suggestions you are giving out at this website. My extended internet lookup has at the end been compensated with pleasant know-how to write about with my contacts. I ‘d assume that many of us readers are definitely blessed to exist in a superb site with many special individuals with beneficial pointers. I feel very much blessed to have come across your entire web pages and look forward to some more thrilling times reading here. Thanks a lot once more for a lot of things.

  24. Only wanna comment on few general things, The website design and style is perfect, the subject material is really excellent. “I delight in men over seventy. They always offer one the devotion of a lifetime.” by Oscar Fingall O’Flahertie Wills Wilde.

  25. Its great as your other articles : D, thanks for posting . “The squeaking wheel doesn’t always get the grease. Sometimes it gets replaced.” by Vic Gold.

    stolmarktreppen.dk

  26. Thanks for sharing excellent informations. Your web-site is very cool. I’m impressed by the details that you have on this blog. It reveals how nicely you perceive this subject. Bookmarked this website page, will come back for more articles. You, my friend, ROCK! I found just the info I already searched all over the place and simply couldn’t come across. What an ideal web-site.

  27. Hey! I know this is somewhat off topic but I was wondering which blog platform are you using for this site? I’m getting tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform. I would be awesome if you could point me in the direction of a good platform.

  28. I believe this internet site has some rattling great information for everyone :D. “Heat cannot be separated from fire, or beauty from The Eternal.” by Alighieri Dante.

  29. Woah! I’m really enjoying the template/theme of this website. It’s simple, yet effective. A lot of times it’s hard to get that “perfect balance” between superb usability and visual appearance. I must say you’ve done a very good job with this. Also, the blog loads very quick for me on Chrome. Outstanding Blog!

  30. Hey there, You’ve done a great job. I will certainly
    digg it and personally recommend to my friends. I am confident they will be
    benefited from this website. h

  31. Great write-up, I am regular visitor of one’s blog, maintain up the excellent operate, and It’s going to be a regular visitor for a long time.

  32. Thanks for helping out, superb information. “Considering how dangerous everything is, nothing is really very frightening.” by Gertrude Stein.

Comments are closed.