{"id":70100,"date":"2020-01-03T17:45:51","date_gmt":"2020-01-03T12:15:51","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?p=70100"},"modified":"2024-04-12T14:33:12","modified_gmt":"2024-04-12T09:03:12","slug":"html-basics-2","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/","title":{"rendered":"HTML Basics"},"content":{"rendered":"

Learning HTML Basics<\/strong><\/h1>\n

\"Image<\/p>\n

The web is a collection of documents that link together, and bear a strong similarity to the printed documents around us. Subsequently, we will now understand the HTML basics.<\/p>\n

However, web pages are written in HTML (Hypertext Markup Language) or XHTML (eXtensible Hypertext Markup Language). Both of these are document-layout and hyperlink-specification language. Moreover, they define how to display the contents of the document, including text, images, and other support media. Further, the language also tells how to make hypertext links, which connect the document with other documents.<\/p>\n

The function of HTML is primarily to add structural and semantic information to the raw text of a document. Also, Presentation and behaviour are separate functions, which can be added as desired. These are further added through links to external documents such as style sheets, graphics files, and scripts.<\/p>\n

HTML Versions<\/strong><\/h2>\n

There have been several versions of HTML and is overseen by an organization called the W3C (World Wide Web Consortium). The last major version of HTML was HTML 4.01 in December 1999. In January 2000, some stricter rules were added to HTML 4.01, called as XHTML (Extensible Hypertext Markup Language). HTML 5 is the latest revision of the HTML standard and currently remains under development.<\/p>\n

HTML Basics: Elements, Tags and Attributes\u00a0<\/strong><\/h2>\n

Since, HTML is an embedded language. Therefore, the language’s directions or tags are inserted into the HTML document that browser loads for viewing. Moreover, the web browser uses the information inside the HTML tags to decide how to display or otherwise treat the subsequent contents of an HTML document.<\/p>\n

HTML documents are composed of a tree of HTML elements. Each element can have attributes specified. Elements can also have content, including other elements and text. HTML elements represent semantics or meaning. For example, the title element represents the title of the document. In the HTML syntax, most elements are written with a start tag and an end tag, with the content in between like<\/p>\n

<p>In the HTML syntax, most elements are written …<\/p><\/p>\n

However, not all of these elements require the end tag, or even the start tag, to be present like the br element.<\/p>\n

Element Of HTML Basics\u00a0<\/strong><\/h3>\n

It represents structure or semantics and generally consists of a start tag, content, and an end tag for example, the following is a bold element<\/p>\n

<b> This is in bold or more dark.<\/b><\/p>\n

HTML Basics: tags<\/strong><\/h3>\n

They are used to mark the start and end of an HTML element.<\/p>\n

Start tag: HTML Basics<\/strong><\/h3>\n

It\u00a0has opening angle bracket (<) followed by element name, zero or more space-separated attribute\/value pairs, and a closing angle bracket (>).<\/p>\n

A start tag with no attributes:\u00a0\u00a0 <p><\/p>\n

A start tag with an attribute\u00a0\u00a0\u00a0\u00a0\u00a0 <p class=”info”><\/p>\n

End tag<\/strong><\/h3>\n

It has an opening angle bracket followed by a forward slash, the element name, and a closing angle bracket<\/p>\n

<\/p><\/p>\n

\"\"<\/p>\n

Empty tag<\/strong><\/h3>\n

\u00a0<\/strong> There are also some elements that are empty, meaning that they only consist of a single tag and do not have any content and look like opening tags<\/p>\n

<br><\/p>\n

In XHTML, empty elements must have an end tag or the start tag must end with \u2018\/>\u2019 so it is used as<\/p>\n

<br \/><\/p>\n

Difference<\/strong><\/h3>\n

A tag consists of a left- and right-angle bracket and letters and numbers between those brackets, but an element is the opening and closing tags plus anything between the two tags.<\/p>\n

HTML Attributes<\/strong><\/h3>\n

It defines a property for an element, consists of a name and value pair appearing within the element\u2019s start tag. Multiple names and value pairs are space-separated.<\/p>\n

All are illustrated in the figure<\/p>\n

\"\"<\/p>\n

A great career is just a certification away. So, practice and validate your skills to become Certified SoapUI Testing Professional<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Learning HTML Basics The web is a collection of documents that link together, and bear a strong similarity to the printed documents around us. Subsequently, we will now understand the HTML basics. However, web pages are written in HTML (Hypertext Markup Language) or XHTML (eXtensible Hypertext Markup Language). Both of these are document-layout and hyperlink-specification…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[8032],"tags":[6737],"class_list":["post-70100","page","type-page","status-publish","hentry","category-soapui","tag-html"],"acf":[],"yoast_head":"\nHTML Basics - VskillsTutorial<\/title>\n<meta name=\"description\" content=\"Learn about HTML basics. Enhance and Upgrade your HTML skills for better career opportunities. Become a Certified SoapUI Testing Professional Now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Basics - VskillsTutorial\" \/>\n<meta property=\"og:description\" content=\"Learn about HTML basics. Enhance and Upgrade your HTML skills for better career opportunities. Become a Certified SoapUI Testing Professional Now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:03:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/\",\"name\":\"HTML Basics - VskillsTutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png\",\"datePublished\":\"2020-01-03T12:15:51+00:00\",\"dateModified\":\"2024-04-12T09:03:12+00:00\",\"description\":\"Learn about HTML basics. Enhance and Upgrade your HTML skills for better career opportunities. Become a Certified SoapUI Testing Professional Now!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#primaryimage\",\"url\":\"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png\",\"contentUrl\":\"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Basics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Basics - VskillsTutorial","description":"Learn about HTML basics. Enhance and Upgrade your HTML skills for better career opportunities. Become a Certified SoapUI Testing Professional Now!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/","og_locale":"en_US","og_type":"article","og_title":"HTML Basics - VskillsTutorial","og_description":"Learn about HTML basics. Enhance and Upgrade your HTML skills for better career opportunities. Become a Certified SoapUI Testing Professional Now!","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T09:03:12+00:00","og_image":[{"url":"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/","name":"HTML Basics - VskillsTutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#primaryimage"},"thumbnailUrl":"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png","datePublished":"2020-01-03T12:15:51+00:00","dateModified":"2024-04-12T09:03:12+00:00","description":"Learn about HTML basics. Enhance and Upgrade your HTML skills for better career opportunities. Become a Certified SoapUI Testing Professional Now!","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#primaryimage","url":"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png","contentUrl":"https:\/\/media.geeksforgeeks.org\/wp-content\/cdn-uploads\/html-1024x341.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-basics-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"HTML Basics"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/70100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=70100"}],"version-history":[{"count":7,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/70100\/revisions"}],"predecessor-version":[{"id":73981,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/70100\/revisions\/73981"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=70100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=70100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=70100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}