HTML and HTML5 tutorial for beginners

Don't try to memorize anything. Try to do it yourself where I will show you how to do it. Learning HTML is impossible without practice.

What is HTML?

HTML is a web language used to create web pages. The text you are reading now is made with HTML. HTML is also needed to create the Facebook you use. The equivalent of HTML: Hypertext Markup Language. No need to memorize what the HTML equivalent is. To understand HTML, imagine what a newspaper looks like.

The picture above is a newspaper picture. Note that the contents of the newspaper are arranged according to a rule. The headers are slightly larger and bolted. Detailed news written in short. The entire newspaper is divided into 2 columns. The right-side column is again divided into two more columns and these 2 columns have text on the left and image on the right. This way you can extract many parts of the entire newspaper. Now, if you want to display this newspaper on the web, you need to take the help of HTML. The elements of HTML used to create each part of a newspaper are called tags. The tag looks like below:

Here start means but not actually start. Suppose you write a sentence: I am bold, and you want this text to appear in bold as follows: I am bold

To do this, HTML has a tag called b, here the tag is created with the first letter of the word bold. That is, start will be replaced by b and the tag should be seen: . Now I am bold This text will become bold if you write it between and . That is, the text with tags should look like below:

I am bold

In this part you learned: What is HTML? What is HTML tag or short tag? It is said that knowing HTML tags is enough to learn HTML. really so You've seen how text can be bolded using the tag. Now you just need to know the remaining tags. Usage is exactly like the tag. Many go to memorize all the tags. This is very wrong. I will demonstrate the use of tags with examples throughout my course. Before that, in the next part we will see how HTML works, i.e., why any text between is bolded.

It is better to say, I have given the example of newspaper to understand HTML, it does not mean that only newspaper-like structure can be created with HTML. Any type of structure can be created with HTML.

How HTML Works

We have seen how to change a text by writing html tags. Now we will know how this works i.e. how HTML works.

There is a thing called HTML Parser to process the HTML code we write. Where is this HTML Parser? It's in every browser. We have filmed a bit to make the whole thing easier to understand. All the web sites we see we see with some browser or app. HTML Parser comes with that browser and app. The HTML Parser parses the HTML code before it's visible to your eyes. For example: I am bold To understand how this HTML code catches your eye as I am bold, we have filmed it as follows: HTML tags

HTML is a collection of tags. An HTML document is made up of many tags. That's why HTML is sometimes called tag language. In the basic discussion of HTML, an idea about HTML tag has been given. Now HTML tags will be discussed in sequence.

Types of HTML tags

There are 2 types of HTML tags.

paired tag
unpaired tag

Paired tag: Those tags which have two parts are called paired tag. For example: tag is a paired tag. Because it has two parts, the first part is: and the last part is:
Unpaired tag: Those tags which have only one part are called unpaired tag. For example: tag is an unpaired tag. The tag has nothing to say. A tag consisting of only one part is called unpaired tag or unpaired tag.

HTML Attribute

HTML tags contain attributes. attribute is used to add different properties to an HTML element. Two parts of attribute:

attribute name
attribute value

It is written as follows:

attribute

name = “attribute value”

For example, there is an attribute called id and the value of this attribute can be anything. For ease of understanding, take the value of attribute: abc. Then the attribute will look like below:

id = “abc”

The attribute is written inside the tag. In the case of paired tag, the attribute is written inside the tag of the first part. For example, if you want to add the id =”bold” attribute to I am bold, do the following:

I am bold

If you want to add the id=”profile_pic” attribute to the do the following:

Creating web page structure with HTML

Let's use what we've learned so far to create a basic structure of what a web page looks like today. Remember what a tag looks like? . The HTML tag here should be used to replace start. Consider, a tag in HTML is named: Mango. The tag will then be . There is no tag called Mango, just a fun attempt to get your head around what a tag looks like. Note one more thing, each tag has 2 parts. For example: is the first part, it is called the opening tag. Again is the second part. It is a closing tag. The primary structure of a web page consists of 3 tags. There are three tags: tag, tag and tag. The head tag and body tag are placed inside the html tag. One more line should be written at the very beginning with these three tags. The line is:. That is, the structure of an HTML web page looks like this:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page Title</title>
  </head>
  <body>
    <h1>Heading</h1>
    <p>Paragraph</p>
  </body>
</html>

Here line implies: DOCUMENT TYPE of whatever is going to be written here is: html.

HTML and HTML5 tutorial for beginners PDF eBooks

A Guide to HTML5 and CSS3

The A Guide to HTML5 and CSS3 is a beginner level PDF e-book tutorial or course with 73 pages. It was added on October 14, 2014 and has been downloaded 44900 times. The file size is 779.08 KB. It was created by Ashley Menhennett, Pablo Farias Navarro.

HTML5 Notes for Professionals book

The HTML5 Notes for Professionals book is a beginner level PDF e-book tutorial or course with 124 pages. It was added on December 31, 2018 and has been downloaded 10429 times. The file size is 1.04 MB. It was created by GoalKicker.com.

HTML5 Canvas Notes for Professionals book

The HTML5 Canvas Notes for Professionals book is a beginner level PDF e-book tutorial or course with 180 pages. It was added on January 22, 2019 and has been downloaded 11878 times. The file size is 1.55 MB. It was created by GoalKicker.com.

HTML a Crash Course

The HTML a Crash Course is a beginner level PDF e-book tutorial or course with 41 pages. It was added on December 9, 2012 and has been downloaded 18624 times. The file size is 925.15 KB. It was created by Marty Hall.

Carnival of HTML

The Carnival of HTML is a beginner level PDF e-book tutorial or course with 34 pages. It was added on February 3, 2017 and has been downloaded 12097 times. The file size is 1.45 MB. It was created by Jerry Stratton.

Learning HTML

The Learning HTML is a beginner level PDF e-book tutorial or course with 163 pages. It was added on May 2, 2019 and has been downloaded 55670 times. The file size is 862.98 KB. It was created by Stack Overflow Documentation.

HTML, CSS, Bootstrap, Javascript and jQuery

The HTML, CSS, Bootstrap, Javascript and jQuery is a beginner level PDF e-book tutorial or course with 72 pages. It was added on November 12, 2018 and has been downloaded 61197 times. The file size is 652.78 KB. It was created by Meher Krishna Patel.

Building an E-Commerce Website with Bootstrap

The Building an E-Commerce Website with Bootstrap is a beginner level PDF e-book tutorial or course with 36 pages. It was added on January 19, 2016 and has been downloaded 14246 times. The file size is 432.61 KB. It was created by unknown.

Creating a website using Dreamweaver MX

The Creating a website using Dreamweaver MX is a beginner level PDF e-book tutorial or course with 41 pages. It was added on June 22, 2016 and has been downloaded 8774 times. The file size is 405.84 KB. It was created by university bristol.

Access 2016 - Reports & Queries

The Access 2016 - Reports & Queries is an advanced level PDF e-book tutorial or course with 32 pages. It was added on October 2, 2016 and has been downloaded 4785 times. The file size is 1.28 MB. It was created by Kennesaw State University.

Adobe Captivate 9 - Quizzes

The Adobe Captivate 9 - Quizzes is a beginner level PDF e-book tutorial or course with 23 pages. It was added on October 13, 2016 and has been downloaded 811 times. The file size is 690.79 KB. It was created by KSU Division of University Information Technology Services.

Front-end Developer Handbook 2018

The Front-end Developer Handbook 2018 is a beginner level PDF e-book tutorial or course with 168 pages. It was added on September 14, 2018 and has been downloaded 20725 times. The file size is 2.39 MB. It was created by Cody Lindley.

Access 2016 - Relational Databases & Subforms

The Access 2016 - Relational Databases & Subforms is an intermediate level PDF e-book tutorial or course with 21 pages. It was added on September 30, 2016 and has been downloaded 3543 times. The file size is 589.62 KB. It was created by Kennesaw State University.

Uploading files to a web server using SSH

The Uploading files to a web server using SSH is a beginner level PDF e-book tutorial or course with 8 pages. It was added on August 13, 2014 and has been downloaded 950 times. The file size is 215.66 KB. It was created by University of Bristol Information Services.

Windows 8 Essentials

The Windows 8 Essentials is level PDF e-book tutorial or course with 54 pages. It was added on December 8, 2013 and has been downloaded 3263 times. The file size is 1.13 MB.

Easy Web Design

The Easy Web Design is a beginner level PDF e-book tutorial or course with 54 pages. It was added on December 2, 2017 and has been downloaded 22225 times. The file size is 1.72 MB. It was created by Jerry Stratton.

JavaScript Front-End Web App Tutorial Part 2

The JavaScript Front-End Web App Tutorial Part 2 is a beginner level PDF e-book tutorial or course with 35 pages. It was added on February 28, 2016 and has been downloaded 2633 times. The file size is 356.24 KB. It was created by Gerd Wagner .

Basic HTML elements: Quick Reference

The Basic HTML elements: Quick Reference is a beginner level PDF e-book tutorial or course with 8 pages. It was added on August 13, 2014 and has been downloaded 15378 times. The file size is 49.54 KB. It was created by University of Bristol Information Services.

CSS Crash Course

The CSS Crash Course is level PDF e-book tutorial or course with 39 pages. It was added on December 9, 2012 and has been downloaded 7880 times. The file size is 92.66 KB.

PHP Programming

The PHP Programming is a beginner level PDF e-book tutorial or course with 70 pages. It was added on December 11, 2012 and has been downloaded 23640 times. The file size is 303.39 KB. It was created by ebookvala.blogspot.com.

ASP.NET Web Programming

The ASP.NET Web Programming is a beginner level PDF e-book tutorial or course with 38 pages. It was added on October 20, 2015 and has been downloaded 4787 times. The file size is 1.15 MB. It was created by Hans-Petter Halvorsen.

Creating web pages in XHTML

The Creating web pages in XHTML is level PDF e-book tutorial or course with 36 pages. It was added on December 9, 2012 and has been downloaded 14046 times. The file size is 470.09 KB.

PHP Crash Course

The PHP Crash Course is a beginner level PDF e-book tutorial or course with 45 pages. It was added on August 27, 2014 and has been downloaded 10387 times. The file size is 252.55 KB.

Introduction to jQuery

The Introduction to jQuery is a beginner level PDF e-book tutorial or course with 53 pages. It was added on December 25, 2013 and has been downloaded 5541 times. The file size is 327.01 KB. It was created by Girl Develop It.

ASP.NET and Web Programming

The ASP.NET and Web Programming is a beginner level PDF e-book tutorial or course with 38 pages. It was added on October 13, 2014 and has been downloaded 6910 times. The file size is 1.73 MB. It was created by Telemark University College.

Building a mobile application using the Ionic framework

The Building a mobile application using the Ionic framework is a beginner level PDF e-book tutorial or course with 49 pages. It was added on October 30, 2018 and has been downloaded 2669 times. The file size is 1.14 MB. It was created by Keivan Karimi.