HTML Crash Course 
Tags: html, programming, javascript, webdev
Published: 2021-02-23 18:46:35

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89kzpyc5kf3nmk16wsnf.png)
Hey folks🔥 I am here with another blog this time we are going to learn the basics of HTML. This is for the people who are starting with web and want to learn HTML in an easy and structured way.
Whether you’re interested in becoming a professional web developer or you simply want to learn more about how websites work, the first thing you need to study is HTML.
Without wasting more time let's get started.

###What is HTML? 

HTML is the standard mark-up language for creating Web pages.
HTML stands for Hyper Text Mark-up Language, HTML describe the structure of the page. Consist of series of elements
Html element tell the browser how to display the content.
It allows the user to create and structure sections, paragraphs, heading links and blockquotes for web pages and applications.
Html is not a programming language, meaning it doesn’t have the ability to create dynamic functionality. Instead, it makes it possible to organize and format documents.

###Versions of HTML – 
The first version of HTML was developed by physicist Tim Berners-Lee in 1990, and the first publicly available version was released in 1991. Since then, HTML has been updated numerous times to address advances in technology.
The current standardized version is HTML5, which has been in use since 2014.

###A simple HTML Document structure - 

```
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>
</html>

```

* The `<!DOCTYPE html>` declaration defines that this document is an HTML5 document.  
* The `<html></html>` element is the highest level element that encloses every HTML page.
* The `<head></head>` element holds meta information such as the page’s title and charset.
* The `<title></title>` element specifies a title for the HTML page.
* The `<body></body>` tag encloses all the content that appears on the page.
* The `<h1>` element defines a large heading
* The `<p>` element defines a paragraph

###HTML Editors – 
1 – [Sublime Text](https://www.sublimetext.com/) 
2 – [Atom](https://atom.io/) 
3 – [Visual Studio code](https://code.visualstudio.com/)
4 – [Notepad ++](https://notepad-plus-plus.org/downloads/)
5 – [Brackets](http://brackets.io/)

###What is an HTML element?
An HTML element is defined by a start tag, some content, and an end tag. 
The HTML element is everything from the start tag to the end tag.
Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets.
EX : `<h1> Hello World !</h1>`

###Golden Rules for using HTML tags – 
* You must always use angle brackets for tags.
* you must always close a tag after opening it.
* When using multiple tags, the tags must be closed in the order in which they were opened.

Ex : 
	`<strong><em> Hello </em></strong>`
###What are the HTML attributes? 
HTML attributes provide additional information about HTML elements.
Attributes are always specified in the start tag.
Example – 
The `<a>` tag defines a hyperlink , the href attributes specifies the URL of the page.
`<a href=https://www.google.com> Visit Google </a>`

###Adding stuff to HTML file –
The `<img>` tag is used to add an image in an HTML page. Image link goes into a src attribute of img tag.
Headings have 6 levels in HTML. They range from `<h1></h1>` to `<h6></h6>`, where h1 is the highest level heading and h6 is the lowest one.
The `<b></b>` tag specifies bold text without any extra importance.
The `<strong></strong>` tag is used to define text with strong importance. The content inside is typically in bold.

Now that you’ve gotten started with HTML, you can improve your skills. It’s exciting to see everything to see you can do with web pages check out world’s best tutorial [W3-schools](https://www.w3schools.com/)

Hope you like it.

Thank you❤️ for reading my blog. Feel free to connect on [LinkedIn](https://www.linkedin.com/in/purvesh-shende-a08293170/) or [Twitter](https://twitter.com/purveshshende2) :)

<span>Photo by <a href="https://unsplash.com/@goran_ivos?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Goran Ivos</a> on <a href="https://unsplash.com/s/photos/html?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>