{"id":47,"date":"2022-03-19T09:05:10","date_gmt":"2022-03-19T09:05:10","guid":{"rendered":"https:\/\/staging.brightwhiz.com\/?post_type=topic&#038;p=47"},"modified":"2022-03-19T09:21:21","modified_gmt":"2022-03-19T09:21:21","slug":"html-tutorial","status":"publish","type":"topic","link":"http:\/\/local.tutorials\/topic\/html-tutorial\/","title":{"rendered":"HTML Tutorial"},"content":{"rendered":"\n<p>HyperText Markup Language more popularly known as HTML is the standard markup language used in writing web pages. HTML describes the structure of a web page which is rendered by a web browser.<\/p>\n\n\n\n<p>HTML consists of elements that are the building blocks of HTML documents. These elements are used to describe how to present the content which could be anything from text, and embedded images to multimedia video, audio, and much more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML History<\/h2>\n\n\n\n<p>Berners-Lee in late 1991 but \u201cHTML 2.0\u201d was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used currently we are having the HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Learn HTML?<\/h2>\n\n\n\n<p>The current modern HTML standard is HTML5 and we will be referring to HTML5 when we mention HTML where applicable unless stated otherwise.<\/p>\n\n\n\n<p>Knowledge of HTML is essential for any aspiring web developer. With it:<\/p>\n\n\n\n<ul><li>You will be able to create basic websites<\/li><li>You will be in a position to get a meaningful career in web designing and development<\/li><li>You will have the skills to troubleshoot and optimize your web pages<\/li><li>You will be grounded in the basics in readiness to learn related technologies like CSS, JavaScript, and the many Frameworks and related libraries.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">A Basic HTML Document<\/h2>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-markup\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n   &lt;head&gt;\n      &lt;title&gt;This is document title&lt;\/title&gt;\n   &lt;\/head&gt;\t\n   &lt;body&gt;\n      &lt;h1&gt;A Simple heading&lt;\/h1&gt;\n      &lt;p&gt;Hello World paragraph!&lt;\/p&gt;\n   &lt;\/body&gt;\t\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Who is HTML Tutorial For?<\/h2>\n\n\n\n<p>This HTML tutorial is ideal for both beginner and professional web designers and developers looking to better understand HTML, to simply use it as a reference in their daily work, or for educators to use it as a teaching aid and for students to prepare for an exam.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Practical Uses of HTML<\/h2>\n\n\n\n<p>Being the most widely used language over the web, HTML has some genuine real-world practical applications. This is by no means a comprehensive list of what you can do with HTML.<\/p>\n\n\n\n<ul><li><strong>Web Page Designing<\/strong>: HTML is the primary language used to create documents or web pages, the core of the World Wide Web, for viewing in a web browser.<\/li><li><strong>Rich User Interfaces (UI)<\/strong>: HTML can be found in all sorts of application software where it is used for designing user interfaces in areas such as embedded systems, industrial control systems, consumer devices, business applications, etc.<\/li><li><strong>Game Development<\/strong>: HTML5 comes with built-in in support to allow game developers to create games.<\/li><li><strong>Mobile Development<\/strong>: HTML5 is the natural go-to when incorporating web technologies in mobile apps.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisites<\/h2>\n\n\n\n<p>This HTML tutorial targets absolute beginners and professionals alike. Therefore it requires very little in terms of prior knowledge of information technology to get started. To get started one needs to have a basic working knowledge of a computer and the underlying operating system such as Windows, Linux, macOS, etc.<\/p>\n\n\n\n<ul><li>Experience with a plain text editor such as Notepad. Note: Rich text editors such as <a href=\"https:\/\/notepad-plus-plus.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Notepad++<\/a>, <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visual Studio Code<\/a>, <a href=\"https:\/\/www.sublimetext.com\/\">Sublime Text<\/a>, etc. would be more suited for writing HTML5 code. This is because these editors come with features such as syntax highlighting, auto indenting, working with multiple files, etc.<\/li><li>How to create files and directories on your preferred operating system environment.<\/li><li>How to navigate between directories and their relation to each other. This will be helpful when linking web pages and inserting images or rich media such as audio or video.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What Next<\/h2>\n\n\n\n<p><a href=\"http:\/\/local.tutorials\/topic\/html-overview\/\">Get started<\/a> with this HTML tutorial to start your journey to becoming a competent web designer and developer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HyperText Markup Language more popularly known as HTML is the standard markup language used in writing web pages. HTML describes the structure of a web page which is rendered by a web browser. HTML consists of elements that are the building blocks of HTML documents. These elements are used to describe how to present the [&hellip;]<\/p>\n","protected":false},"featured_media":43,"comment_status":"open","ping_status":"closed","template":"","meta":[],"categories":[2],"tags":[],"subject":[7,8],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Tutorial HTML Tutorial Brightwhiz.com Tutorials and Courses<\/title>\n<meta name=\"description\" content=\"The best HTML tutorial to learn HTML5 technologies for web page design and development targeting beginners and professionals alike\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/local.tutorials\/topic\/html-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Tutorial HTML Tutorial Brightwhiz.com Tutorials and Courses\" \/>\n<meta property=\"og:description\" content=\"The best HTML tutorial to learn HTML5 technologies for web page design and development targeting beginners and professionals alike\" \/>\n<meta property=\"og:url\" content=\"http:\/\/local.tutorials\/topic\/html-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightwhiz.com Tutorials and Courses\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightwhiz\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-19T09:21:21+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/local.tutorials\/wp-content\/uploads\/2022\/03\/tutorial-html5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@brightwhizmag\" \/>\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\":\"http:\/\/local.tutorials\/topic\/html-tutorial\/\",\"url\":\"http:\/\/local.tutorials\/topic\/html-tutorial\/\",\"name\":\"HTML Tutorial HTML Tutorial Brightwhiz.com Tutorials and Courses\",\"isPartOf\":{\"@id\":\"http:\/\/local.tutorials\/#website\"},\"datePublished\":\"2022-03-19T09:05:10+00:00\",\"dateModified\":\"2022-03-19T09:21:21+00:00\",\"description\":\"The best HTML tutorial to learn HTML5 technologies for web page design and development targeting beginners and professionals alike\",\"breadcrumb\":{\"@id\":\"http:\/\/local.tutorials\/topic\/html-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/local.tutorials\/topic\/html-tutorial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/local.tutorials\/topic\/html-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/local.tutorials\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"http:\/\/local.tutorials\/topic\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/local.tutorials\/#website\",\"url\":\"http:\/\/local.tutorials\/\",\"name\":\"Brightwhiz.com Tutorials and Courses\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\/\/local.tutorials\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/local.tutorials\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/local.tutorials\/#organization\",\"name\":\"Brightwhiz.com\",\"url\":\"http:\/\/local.tutorials\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.tutorials\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.brightwhiz.com\/wp-content\/uploads\/2022\/03\/brightwhiz-com-logo-orange.png\",\"contentUrl\":\"https:\/\/staging.brightwhiz.com\/wp-content\/uploads\/2022\/03\/brightwhiz-com-logo-orange.png\",\"width\":706,\"height\":135,\"caption\":\"Brightwhiz.com\"},\"image\":{\"@id\":\"http:\/\/local.tutorials\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/brightwhiz\",\"https:\/\/twitter.com\/brightwhizmag\",\"https:\/\/www.instagram.com\/glamorglaze\/\",\"https:\/\/www.pinterest.com\/sobbayi\/\",\"https:\/\/www.youtube.com\/c\/Sobbayi\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Tutorial HTML Tutorial Brightwhiz.com Tutorials and Courses","description":"The best HTML tutorial to learn HTML5 technologies for web page design and development targeting beginners and professionals alike","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":"http:\/\/local.tutorials\/topic\/html-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"HTML Tutorial HTML Tutorial Brightwhiz.com Tutorials and Courses","og_description":"The best HTML tutorial to learn HTML5 technologies for web page design and development targeting beginners and professionals alike","og_url":"http:\/\/local.tutorials\/topic\/html-tutorial\/","og_site_name":"Brightwhiz.com Tutorials and Courses","article_publisher":"https:\/\/www.facebook.com\/brightwhiz","article_modified_time":"2022-03-19T09:21:21+00:00","og_image":[{"width":640,"height":360,"url":"http:\/\/local.tutorials\/wp-content\/uploads\/2022\/03\/tutorial-html5.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@brightwhizmag","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/local.tutorials\/topic\/html-tutorial\/","url":"http:\/\/local.tutorials\/topic\/html-tutorial\/","name":"HTML Tutorial HTML Tutorial Brightwhiz.com Tutorials and Courses","isPartOf":{"@id":"http:\/\/local.tutorials\/#website"},"datePublished":"2022-03-19T09:05:10+00:00","dateModified":"2022-03-19T09:21:21+00:00","description":"The best HTML tutorial to learn HTML5 technologies for web page design and development targeting beginners and professionals alike","breadcrumb":{"@id":"http:\/\/local.tutorials\/topic\/html-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/local.tutorials\/topic\/html-tutorial\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/local.tutorials\/topic\/html-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/local.tutorials\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"http:\/\/local.tutorials\/topic\/"},{"@type":"ListItem","position":3,"name":"HTML Tutorial"}]},{"@type":"WebSite","@id":"http:\/\/local.tutorials\/#website","url":"http:\/\/local.tutorials\/","name":"Brightwhiz.com Tutorials and Courses","description":"","publisher":{"@id":"http:\/\/local.tutorials\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/local.tutorials\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/local.tutorials\/#organization","name":"Brightwhiz.com","url":"http:\/\/local.tutorials\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.tutorials\/#\/schema\/logo\/image\/","url":"https:\/\/staging.brightwhiz.com\/wp-content\/uploads\/2022\/03\/brightwhiz-com-logo-orange.png","contentUrl":"https:\/\/staging.brightwhiz.com\/wp-content\/uploads\/2022\/03\/brightwhiz-com-logo-orange.png","width":706,"height":135,"caption":"Brightwhiz.com"},"image":{"@id":"http:\/\/local.tutorials\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightwhiz","https:\/\/twitter.com\/brightwhizmag","https:\/\/www.instagram.com\/glamorglaze\/","https:\/\/www.pinterest.com\/sobbayi\/","https:\/\/www.youtube.com\/c\/Sobbayi"]}]}},"_links":{"self":[{"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/topic\/47"}],"collection":[{"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/types\/topic"}],"replies":[{"embeddable":true,"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/comments?post=47"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/media\/43"}],"wp:attachment":[{"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/tags?post=47"},{"taxonomy":"subject","embeddable":true,"href":"http:\/\/local.tutorials\/wp-json\/wp\/v2\/subject?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}