{"id":1580,"date":"2019-04-18T13:02:55","date_gmt":"2019-04-18T07:32:55","guid":{"rendered":"http:\/\/blog.openwebsolutions.in\/?p=1580"},"modified":"2019-04-19T12:42:05","modified_gmt":"2019-04-19T07:12:05","slug":"beginners-guide-learn-html-technology","status":"publish","type":"post","link":"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/","title":{"rendered":"Beginners Guide to learn HTML Technology"},"content":{"rendered":"<p>If you want to create a web-page, firstly you have to know HTML. So, what is HTML?<\/p>\n<p>HTML is an evolving language, which allows you to create a website. HTML stands for Hyper Text Markup Language. In 1990 Tim Berners-Lee first developed HTML. HTML 1.0 was the first version of HTML and the latest version of HTML is HTML5. There are so many tags in HTML among them 6 are the most important tags, these are____<\/p>\n<p>1. DOCTYPE<\/p>\n<p>2. HTML<\/p>\n<p>3. HEAD<\/p>\n<p>4. TITLE<\/p>\n<p>5. STYLE<\/p>\n<p>6. BODY<\/p>\n<p>Before coding an HTML document you should know these tags. This is very easy to learn. At first, open your code Editors like Notepad, and then write the bellow text on notepad.<\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">!DOCTYPE<\/span><span style=\"color: #ff0000;\"> html<\/span><span style=\"color: #0000cd;\">&gt;<\/span><br \/>\n<span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">html<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #800000;\">head<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #661900;\">title<\/span><span style=\"color: #0000cd;\">&gt;<\/span><span style=\"color: #000000;\">:: my first web page ::<\/span><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #661900;\">\/title<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #661900;\">style<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #661900;\">\/style<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #800000;\">\/head<\/span><span style=\"color: #0000cd;\">&gt;<\/span><br \/>\n<span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">body<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">h1<\/span><span style=\"color: #0000cd;\">&gt;<\/span><span style=\"color: #0000cd;\">THIS IS HEADING<\/span><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">\/h1<\/span><span style=\"color: #0000cd;\">&gt;<\/span><br \/>\n<span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">p<\/span><span style=\"color: #0000cd;\">&gt;<\/span><span style=\"color: #0000cd;\">THIS IS PARAGRAPH<\/span><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">\/p<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p><span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">\/body<\/span><span style=\"color: #0000cd;\">&gt;<\/span><br \/>\n<span style=\"color: #0000cd;\">&lt;<\/span><span style=\"color: #a52a2a;\">\/html<\/span><span style=\"color: #0000cd;\">&gt;<\/span><\/p>\n<p>then it saves with .html extension.<\/p>\n<p>Tags always appear in pair, the first tag is called start tag and the last tag is called close tag. These tags tell the browser how to display the web-page. Tags are not displayed on the browser. Only the content is showed on the browser. A tag can have attributes which provide additional information on the page. And it appears in the opening tag with red color.<b> The examples of some attributes are class, id, href, <\/b><b>src, alt, etc.<\/b><\/p>\n<p>If you want to give the style of the page, you can also write the CSS in the style tag. So, only with the help of HTML language, you can create a static web-page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to create a web-page, firstly you have to know HTML. So, what is HTML? HTML is an evolving language, which allows you to create a website. HTML stands for Hyper Text Markup Language. In 1990 Tim Berners-Lee first developed HTML. HTML 1.0 was the first version of HTML and the latest version [&hellip;]<\/p>\n","protected":false},"author":46,"featured_media":1607,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[120,5],"tags":[121,107],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beginners Guide to learn HTML Technology - Openweb Solutions Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beginners Guide to learn HTML Technology - Openweb Solutions Blog\" \/>\n<meta property=\"og:description\" content=\"If you want to create a web-page, firstly you have to know HTML. So, what is HTML? HTML is an evolving language, which allows you to create a website. HTML stands for Hyper Text Markup Language. In 1990 Tim Berners-Lee first developed HTML. HTML 1.0 was the first version of HTML and the latest version [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/\" \/>\n<meta property=\"og:site_name\" content=\"Openweb Solutions Blog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/sujata.biswas.92775\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-18T07:32:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-19T07:12:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/openwebsolutions.in\/blog\/wp-content\/uploads\/2019\/04\/conceptual-education-game-1591061-1024x681.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"681\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#website\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/\",\"name\":\"Openweb Solutions Blog\",\"description\":\"Transforming ideas into reality\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/openwebsolutions.in\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/wp-content\/uploads\/2019\/04\/conceptual-education-game-1591061.jpg\",\"width\":6016,\"height\":4000,\"caption\":\"HTML developer in Openweb\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/#webpage\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/\",\"name\":\"Beginners Guide to learn HTML Technology - Openweb Solutions Blog\",\"isPartOf\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/#primaryimage\"},\"datePublished\":\"2019-04-18T07:32:55+00:00\",\"dateModified\":\"2019-04-19T07:12:05+00:00\",\"author\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#\/schema\/person\/1bb8ecc843733c73de8e4eae524df30b\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/openwebsolutions.in\/blog\/beginners-guide-learn-html-technology\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#\/schema\/person\/1bb8ecc843733c73de8e4eae524df30b\",\"name\":\"Sujata Biswas\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8cdca25f1f77a0a5d250c355d6638721?s=96&r=g\",\"caption\":\"Sujata Biswas\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sujata.biswas.92775\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/1580"}],"collection":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/comments?post=1580"}],"version-history":[{"count":4,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/1580\/revisions"}],"predecessor-version":[{"id":1621,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/1580\/revisions\/1621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/media\/1607"}],"wp:attachment":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/media?parent=1580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/categories?post=1580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/tags?post=1580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}