Every day we surf internet, through which we come across many amazing websites. Do you ever wonder, who is behind these amazing sites that blows our mind. I know web developers would say, ‘kya bakwas hai… everyone knows’, but this article is for those who are beginners and want to learn and do something in their life. Beginners, stay till the end.

What is HTML?

Before starting further about HTML & CSS, let’s know about Html as . The full form of HTML is Hypertext Markup Language. Markup means you have to specify the elements and it defines the structure of web page. HTML has many tags/elements and your content should be within these tags/elements. Example –  for paragraph <p>Hello</p>, heading <h1>Hey!</h1> to <h6>Good Day!<h6>.

HTML – Syntax
(Syntax means the way of doing or writing a particular thing in a correct manner.)

There is always an opening and a closing tag in HTML. The tag name should be within ‘<‘ left and ‘>’ right redirection. Always put a ‘/’ forward slash in the closing tag, because it tells the browser that this tag is closed. There are two types of tags – paired and unpaired.

  • Example of paired tags: <opening tag></closing tag>, further <h1></h1>(heading).
  • Example of unpaired tags: <br>(break), <hr>(horizontal rule). It does not have closing tag.

What is CSS?

The full form of CSS is Cascading Style Sheet. Cascading means in a flow, like how bread sliced in layers. So CSS is also like that only. It is not just an effective tool for HTML, it is actually a powerful weapon. It controls the whole structure of the HTML documents.

CSS – Syntax

Syntax of CSS is in three parts:- Selector, Property and Value. Here the Selector plays the role of Html elements. It can be any element – <h2></h2> or <p></p>. Property is a kind of attribute. And lastly Value which we assign to property. Let me explain you with an example.

  • Selector: <h2></h2>
  • Property: font-size
  • Value: 20px

So, here our selector is <h2> and we are putting a property that is ‘font-size’ and lastly assigning it a value that is ’20px’.To write this syntax in CSS:- h2{ font-size: 20px; }

Importance of HTML &CSS

If you are a beginner in this field, you must learn HTML & CSS first. Because these two are the “mother” of web documents. There are many other frameworks but if you don’t know about these two, you won’t be able to understand other frameworks.

  • Base Concept:- As I said above HTML &CSS is MUST for a beginner. It makes your base strong so that when you work professionally to become a web designer or developer, this base concept will help you a lot to learn more about web.
  • Web Design:- CSS handles all the elements of an HTML page. By using it you can control the text size, color, background color, animations and many more. It is just you have to understand the syntax of these languages.
  • Other languages:- Once you learn or understand these languages then other framework and languages would be easy for you to understand. Like Bootstrap(Framework), JavaScript(Scripting Language) etc.

Conclusion

Hope you have understood the importance of HTML & CSS and the Syntax as well. Understanding these two areas can make you a great web developer in future. If you want to learn more about web design and development from scratch, Arena Animation Park Street provides you an environment where you can learn and develop your skills.