HTML Basics | What is HTML? | What are HTML tags? | What are HTML elements? | What are attributes?
HTML Basics:
Metadata: Metadata is data that describes other data. Meta is a prefix that, in most information technology usages, means "an underlying definition or description." Metadata summarizes basic information about data, which can make finding and working with particular instances of data easier.
Boilerplate: Boilerplate text, or simply boilerplate, is any written text (copy) that can be reused in new contexts or applications without significant changes to the original. The term is used in reference to statements, contracts and computer code, and is used in the media to refer to hackneyed or unoriginal writing. It is the basic template
What are tags in HTML?
HTML tags are used to hold the HTML elements. HTML tags start with "<" and ends with ">". HTML tags are almost like keywords where every single keyword has a different unique meaning.
What are elements in HTML?
HTML elements hold the content. Whatever written within HTML tags are called HTML elements. They specify the general content. They contain some kind of structure or element.
What are HTML attributes?
HTML attributes are used to describe the character of an HTML element in details. HTML attributes are usually found in the starting tags. HTML attributes specify various additional properties of the existing HTML element.
Basic tags:
<!DOCTYPE html> :Declares that the type of document is HTML. This tag is not needed to be written inside the HTML container.
<HTML lang="en"> </HTML>:The HTML tag represent the root of a HTML document. The 1st HTML tag without the slash is the Opening tag of any HTML file and the </html> tag is the closing tag. <HTML> and </HTML> together are the container of all the HTML elements. The lang attribution is used to declare the language of the web page, it is done for the convenience of the web browsers to understand in which language the particular file is.
<head> </head> :This is a container tag. The head tag contains the meta tags and also the title tag and actually defines the type of website it is to the web browsers.
<meta charset="UTF-8"> :The meta tags are used to provide data about the data of the file. This attribute declares the page's character encoding. It must contain a standard IANA MIME name for character encodings.
<meta http-equiv="X-UA-Compatible" content="IE=edge"> :This tag is used to make the website compatible for web browsers like internet explorer and edge. So that the particular website runs smoothly in edge and internet explorer.
<meta name="description" content="This is a website that provides people with programming assistance"> :This tag is used to give a brief description of the website to the web browsers and net surfers so that they can get to know what they are getting into.
<title> </title> :This tag is a container tag which means that this tag needs an opening tag as well as a closing tag. The title tag helps us to give our website and pages a particular name.
<body> </body> :This is a container tag. The body tag contains everything that a website has to offer e.g. The tables, the paragraphs. It contains the main content of a particular web page or website.
<h1> </h1> :The <h> tags are called the heading tags. <h> tags are also container tags. We can use them as empty tags but that will leave the entire page in a particular heading size. There are 6 types of heading tags, they are: <h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5>, <h6> </h6>. Among this 6 heading tags the "<h1> </h1>" tag provides the biggest front sized heading and the "<h6> </h6>" provides us with the smallest font sized heading.
<p> </p> :The <p> tags are called the paragraph tags. <p> tags are container tags. They are used to write the contents of a paragraph. They are block elements, which means they take up a whole block when they are used, as a result, we don't need to use any line break "<br>" to separate two paragraphs.
<br> :The <br> tag is called the line break tag or simply the break tag. It works as the enter key and helps us to take the element to the next line, before which we mention the <br> tag. <br> tags are empty tags and hence they don't need any ending or closing tag.
<hr> :The <hr> tag is called the horizontal rule tag, it helps us to create a horizontal rule in the web page. It is also an empty tag and thus doesn't need any ending or closing tag.
HTML Boilerplate:
Love other, Help others, Live for others, Fight for others, Peace!


Nice post bro!!
ReplyDelete