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.
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.
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.
There are 2 types of HTML tags.
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:
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:
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.
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 44894 times. The file size is 779.08 KB. It was created by Ashley Menhennett, Pablo Farias Navarro.
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 10425 times. The file size is 1.04 MB. It was created by GoalKicker.com.
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 11873 times. The file size is 1.55 MB. It was created by GoalKicker.com.
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 18616 times. The file size is 925.15 KB. It was created by Marty Hall.
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 12094 times. The file size is 1.45 MB. It was created by Jerry Stratton.
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 55643 times. The file size is 862.98 KB. It was created by Stack Overflow Documentation.
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 61181 times. The file size is 652.78 KB. It was created by Meher Krishna Patel.
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 14242 times. The file size is 432.61 KB. It was created by unknown.
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 8762 times. The file size is 405.84 KB. It was created by university bristol.
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 4779 times. The file size is 1.28 MB. It was created by Kennesaw State University.
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.
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 20716 times. The file size is 2.39 MB. It was created by Cody Lindley.
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 3532 times. The file size is 589.62 KB. It was created by Kennesaw State University.
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.
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 3262 times. The file size is 1.13 MB.
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 22221 times. The file size is 1.72 MB. It was created by Jerry Stratton.
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 2631 times. The file size is 356.24 KB. It was created by Gerd Wagner .
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 15375 times. The file size is 49.54 KB. It was created by University of Bristol Information Services.
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 7869 times. The file size is 92.66 KB.
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 23627 times. The file size is 303.39 KB. It was created by ebookvala.blogspot.com.
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 4785 times. The file size is 1.15 MB. It was created by Hans-Petter Halvorsen.
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 14044 times. The file size is 470.09 KB.
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 10378 times. The file size is 252.55 KB.
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 5540 times. The file size is 327.01 KB. It was created by Girl Develop It.
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.
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 2666 times. The file size is 1.14 MB. It was created by Keivan Karimi.
The Responsive Web Design is a beginner level PDF e-book tutorial or course with 30 pages. It was added on October 14, 2014 and has been downloaded 21151 times. The file size is 420.52 KB. It was created by Tim Davison.
The Tangelo Web Framework Documentation is a beginner level PDF e-book tutorial or course with 80 pages. It was added on February 22, 2016 and has been downloaded 2082 times. The file size is 457.11 KB. It was created by Kitware, Inc..
The Basic CSS is level PDF e-book tutorial or course with 24 pages. It was added on December 9, 2012 and has been downloaded 9011 times. The file size is 50.99 KB.
The The Ultimate Guide to Google Sheets is a beginner level PDF e-book tutorial or course with 186 pages. It was added on February 11, 2019 and has been downloaded 19040 times. The file size is 9.61 MB. It was created by Zapier Inc.