What is HTML? HTML is the standard markup language for creating web pages. HTML Tags label pieces of content such as headings, paragraphs, lists, tables and so on. Browsers do not display HTML tags, rather the content Labeled by those tags. HTML is Not a Case-Sensitive language.
HTML Tags HTML tags are Keywords surrounded by angle brackets ‘<‘ & ‘>’ e.g. <html> HTML tags comes in pairs, most of the times. e.g. <b> and </b> The first tag in this pair is called the “Start Tag” or “Opening Tag”. e.g. <b> is the start tag in <b> </b> pair. The second tag in the pair is called “End Tag” or “Closing Tag”. e.g. </b> is the end tag in <b> </b> pair. Always be cautious about properly Ending every Tag you Start.
HTML Tags structure <element> ….. </element> Start Tag Content End Tag
Empty Tags Tags without an Ending Tags. e.g. < br > < br > can also be written as < br /> It is for adding a Line Break on your webpage.
Attributes of tags <element attribute = “ value ” > … </element> Name Value Start Tag End Tag
Comments in html <!-- Comments --> Comment Start Comment End Comments are not displayed on the web page. Comments are used as descriptions of the code.
HTML Basic structure <!DOCTYPE HTML> <html> <head></head> <body> <!– Tags with Contents come here --> </body> </html>
Heading tags H1 to H6 are used for markup of heading in your content. <h1> Heading 1 </h1> <h2> Heading 2 </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> <h6> Heading 6 </h6>
<p> Tag <p> tag is used for paragraphs. <p> tag adds some space before and after the paragraph. <p> tag puts a line break at the end. <p> This is first paragraph </p> <p> This is second paragraph </p>
< br > and < hr > < br > is used for adding Line Break. < hr > is used for adding a horizontal line on your web page. <p> This is < br > first paragraph </p> < hr > <p> This is second paragraph </p>
Unordered & ordered lists <ul> <li> List Item </li> <li> List Item </li> <li> List Item </li> </ul> <ol> <li> List Item </li> <li> List Item </li> <li> List Item </li> </ol >
<b>, <u>, < i > and <strong> <p> There is a <b> Bold </b>, <u> Underlined </u>, < i > Italic </ i > and a <strong > Strong </ strong> word in this paragraph. </p >