HTML - A markup language one should aware off.

in #html8 years ago (edited)

HTML

HTML stands for Hyper Text Markup Language designed to describes the structure of Web pages using markup. HTML documents (Yes! you heard it right thats what we call a HTML page) nowadays. So lets start the basics.

HTML tags

HTML tags or known as markup which is predefined tag and contain codes in itself which a browsers knows how to interpret when you use it within documents. In HTML markup language we have two type of tags you can name them anyway you want to.

We have closed tags '<"yourtagname"><'/"yourtagname"> like note the special slash it generally denotes end of your current tag.

And another one I think you guessed it is unclosed tags <'yourtagname'>. I will not burn you with the vocabulary they use it. So keep up with me.

Web Browser

Web Browser as you already know used to browse webpages which are stored on someone else computer. So what the browser does in this they see your HTML document containing tags and the content its holding on. Then the browser go into its vocabulary then check what that means and come back. And splash on your browser screen.

Practical: A Hello Steemit Webpage

Now you have some background lets start with basic so that we are on a same page. Open your notepad or any text editor. Type these lines in your notepad exactly as it is written in below image.

After typing above save that document in .html format. Remember we are creating an HTML document so it must have html extension after your document name. So for naming suppose you named it as hellosteemit and adding extension .html at the end will give browser a confirmation that you want to run a HTML document. So after adding save the file.Shortcut to save as a new file is CTRL+SHIFT+S. Open up with your favourite browser it is going to look like the below image.
hellosteem.png

Explanation


Below are the explanation of above output

  • HTML: This is a root of a document. Everything going to start from here. It is used with closing tags

  • Head: It contains various information which is generally not visible to users.

    • Title: defines a title in the browser toolbar

  • Body: This is the heart of the HTML page. It is this tag which holds webpage related queries
  • Note: Tags which holds the content for presentation contains the closing tags .

Conclusion

Hence , finally we made up a HelloSteemit page. i hope you have learned something new today. If you like this short tutorial kindly know me in comments.

Sort:  

A Language That Is Good To Know.

I hope someone getting benefit from it. As most of the tutorials use vocabulary related to computers so hard that newbie quits in between due to this. So I prefered plain language. I will move up the stakes soon as I some followers in this section.

I Am Following You Now!
Steem On!
:))

Sure,and I aplogize for grammer mistakes which I had done in this post. As I am beginner in English , so expect some mistakes from me.