Understanding basic HTML tags is important while learning HTML. Here are the HTML elements that are used more frequently than others. They are:<\/p>\n\n\n\n
the heading <h1>-<h6> tags,<\/li>
the <p> tag,<\/li>
the <img \/> tag,<\/li>
the <a> tag,<\/li><\/ul>\n\n\n\n
HTML documents<\/h2>\n\n\n\n
All HTML documents must start with a declaration which specifies the document type: <!DOCTYPE html>.<\/p>\n\n\n\n
The HTML document begins with <html> and ends with <\/html>.<\/p>\n\n\n\n
The main part of the HTML document is located between <body> and <\/body>.<\/p>\n\n\n\n
Example of an HTML document:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n <head>\n <title>Title of the document<\/title>\n <\/head>\n <body>\n <h1>This is heading 1<\/h1>\n <h2>This is heading 2<\/h2>\n <p>Here is the paragraph.<\/p>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
HTML headings<\/h2>\n\n\n\n
The heading elements are used for structuring headings.There are six types of HTML headings starting from <h1> to <h6>.<\/p>\n\n\n\n
Example of the HTML headings:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n <head>\n <title>Title of the document<\/title>\n <\/head>\n <body>\n <h1>This is heading 1<\/h1>\n <h2>This is heading 2<\/h2>\n <h3>This is heading 3<\/h3>\n <h4>This is heading 4<\/h4>\n <h5>This is heading 5<\/h5>\n <h6>This is heading 6<\/h6>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Result<\/h3>\n\n\n\n<\/figure>\n\n\n\n
HTML paragraphs<\/h2>\n\n\n\n
The <p> element is used for separating HTML paragraphs.<\/p>\n\n\n\n
Example of the HTML paragraphs:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n <head>\n <title>Title of the document<\/title>\n <\/head>\n <body>\n <h2>Elements example<\/h2>\n <p>This is some paragraph.<\/p>\n <p>This is another paragraph <br\/> with line break.<\/p>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Result<\/h3>\n\n\n\n<\/figure>\n\n\n\n
HTML images<\/h2>\n\n\n\n
The attributes of this tag are:<\/p>\n\n\n\n
the source file (src),<\/li>
the alternative text (alt),<\/li>
width,<\/li>
height.<\/li><\/ul>\n\n\n\n
The <img \/> tag is used for inserting HTML images.<\/p>\n\n\n\n
Example of the HTML images:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n <head>\n <title>Title of the document<\/title>\n <\/head>\n <body>\n <h1>This is an image example<\/h1>\n <img src=\"\/uploads\/media\/default\/0001\/01\/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg\" alt=\"Aleq\" width=\"200\" height=\"185\"\/>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Result<\/h3>\n\n\n\n<\/figure>\n\n\n\n
HTML links<\/h2>\n\n\n\n
The <a> tag is used for inserting HTML links. You can specify the destination of the link with the help of href attribute.<\/p>\n\n\n\n
Example of the HTML links:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n <head>\n <title>Title of the document<\/title>\n <\/head>\n <body>\n <a href=\"https:\/\/www.google.com\/\">W3docs.com<\/a>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
HTML buttons<\/h2>\n\n\n\n
You can specify the HTML buttons with the <button> tag.<\/p>\n\n\n\n
Example of the HTML <button> tag:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n <head>\n <title>Title of the document<\/title>\n <\/head>\n <body>\n <h1>Example of the HTML <button> tag:<\/h1>\n <p>You can specify the HTML buttons with the button tag:<\/p>\n <button type=\"button\">Button<\/button>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
HTML lists<\/h2>\n\n\n\n
HTML lists are specified with the <ul> tag that is used for specifying an unordered list, or with the <ol> tag that is used to create an ordered list, followed by <li> tags.<\/p>\n\n\n\n
The HTML <hr> tag breaks the page into different parts and with the help of a horizontal line, which runs from left to right edge of the page, creates horizontal margins. This is an empty tag.<\/p>\n\n\n\n
Example of the HTML <hr> tag:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n <head>\n <title>Title of the document<\/title>\n <\/head>\n <body>\n <h1>Welcome to W3Docs<\/h1>\n <hr>\n <p>\n Learn to design and build professional website<br> \n Learn to design and build professional website \n <\/p>\n <p>Learn to design and build a professional website<\/p>\n <hr>\n <p>Learn to design and build professional website<\/p>\n <p>Learn to design and build professional website<\/p>\n <p>Learn to design and build professional website<\/p>\n <hr>\n <\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Understanding basic HTML tags is important while learning HTML. Here are the HTML elements that are used more frequently than others. They are: the heading <h1>-<h6> tags, the <p> tag, the <img \/> tag, the <a> tag, HTML documents All HTML documents must start with a declaration which specifies the document type: <!DOCTYPE html>. The HTML document begins with <html> and ends with <\/html>. The main […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[285],"tags":[],"_links":{"self":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/7881"}],"collection":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=7881"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/7881\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=7881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=7881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=7881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/mdr.foobrdigital.com\/wp-content\/uploads\/2022\/09\/image-38.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/mdr.foobrdigital.com\/wp-content\/uploads\/2022\/09\/image-39.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/mdr.foobrdigital.com\/wp-content\/uploads\/2022\/09\/image-40.png\")
<\/figure>\n\n\n\n