HTML Tags
 |
| HTML-basic-tags |
HTML labels resemble watchwords which characterize how the internet browsers will arrange and show the substance. With the assistance of labels, an internet browser can recognize HTML content and a basic substance. HTML labels contain three primary parts: an opening tag, content, and a shutting tag. In any case, some HTML labels are unclosed labels.
<!DOCTYPE HTML>
At the point when an internet browser peruses an HTML report, the program peruses it through and through and left to right. HTML labels are utilized to make HTML archives and render their properties. Every HTML labels have various properties.
An HTML record should have a few fundamental labels so that the internet browser can separate between basic text and HTML text. You can use as many labels as you need according to your code necessity.
As told before, HTML is a markup language that utilizes different labels to design the content. These labels are encased inside point supports <Tag Name>. But a couple of labels, most of the labels have their related shutting labels. For instance, <html> has its end tag</html> and <body> tag has its end tag </body> tag and so forth.
- All HTML Tags must encased inside < > these segments.
- Each tag in HTML performs different tasks.
- If you have used an open tag <tag>, you ought to use a close-by tag </tag> (except for specific marks)
| 1 | <!DOCTYPE...> | This tag defines the document type and HTML version. |
| 2 | <html> | This tag encloses the complete HTML document and mainly comprises
of document header which is represented by <head>...</head> and
document body which is represented by <body>...</body> tags.
|
| 3 | <head> | This tag represents the document's header which can keep other HTML
tags like <title>, <link> etc. |
| 4 | <title> | The <title> tag is used inside the <head> tag to mention the
document title. |
| 5 | <body> | This tag represents the document's body which keeps other HTML tags
like <h1>, <div>, <p> etc. |
| 6 | <h1> to <h6> | This tag represents the heading. |
| 7 | <p> | This tag represents the paragraph. |
| 8 | <a> | This tag is used for links. |
| 9 | <address> | It represents the information about the main subject in HTML. |
| 10 | <b> | It is used to bold the font size. |
| 11 | <div> | It is used for sections in the document. |
| 12 | <img> | this page is used for images used in Html. |
To learn HTML, you should concentrate on different labels and comprehend how they act while organizing a text-based report. Learning HTML is basic as clients need to get familiar with the utilization of various labels to design the text or pictures to make a wonderful website page. Internet Consortium (W3C) prescribes to utilization lowercase labels beginning from HTML.
HTML Document Structure
A regular HTML report will have the accompanying construction
Document Declaration tag <!DOCTYPE> <html> <head> <title> Myfirstweb</title> </head> <body> <p> Document body related tags </p> </body> </html>
The Declaration
The statement tag is utilized by the internet browser to comprehend the form of the HTML utilized in the report. The current rendition of HTML is 5 and it utilizes the accompanying announcement:
There are numerous other statement types that can be utilized in HTML record contingent upon what variant of HTML is being utilized. We will see more subtleties on this while examining follow alongside other HTML labels
HTML – BASIC TAGS
Heading Tags Any record begins with a heading. You can involve various sizes for your headings. HTML additionally has six degrees of headings, which utilize the components
Any record begins with a heading. You can involve various sizes for your headings. HTML likewise has six degrees of headings, which utilize the components h1 h6 While showing any heading, the program adds one line previously and one line after that heading.
<!Doctype html> <head> <title> heading </title> </head> <body> <h1> This is heading 1 </h1> <h2> This is heading 2 </h2> <h3> This is heading 3 </h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>THis is heading 6 </h6> </body> </html>
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
Paragraph Tag
The <p> label offers a method for organizing your text into various sections. Each section of
text ought to in the middle of between an opening <p> and an end </p> tag
<!DOCTYPE HTML> <head> <title> pragraph tag </title> </head> <body> <p> Here is the first paragraph </p> <p> Here is the second paragraph </p> <p> Here is the third paragraph </p> </body> </html>
The output of the coding is
Here is the first paragraph
Here is the second paragraph
Here is the third paragraph
Line Break Tag At the point when you utilize the <br/> component, anything following it begins from the following line. This
tag is an illustration of a vacant component, where you needn't bother with opening and shutting labels, as
nothing remains to be in the middle between them.
The <br/> tag has a space between the character br and the forward slice. Assuming you discard this
space, more established programs will experience difficulty delivering the line break, while in the event that you miss the forward
slice character and simply use <br> it isn't substantial in XHTML.
<!DOCTYPE HTML> <head> <title>line Break</title> </head> <body> <p> Hello <br></p> <p> Well come to programminknowledg<br> </p> <p> Document line break tage <br> </p> </body>
output
Hello
Well come to programming knowledge
Document line break tag
Horizontal Lines
Level lines are utilized to separate segments of a report outwardly. The <hr> tag makes
a line from the ongoing situation in the record to the right edge and breaks the line
likewise.
<!DOCTYPE HTML> <head> <title>Horizontal line</title> </head> <body> <p> Well come to programming knowledge </p> <hr/> <p> Document horizontal line tag </p> </body> </html>
output
Well come to programming knowledge
Document horizontal line tag
