{"id":349860,"date":"2021-10-07T21:00:43","date_gmt":"2021-10-07T18:00:43","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/what-is-html\/"},"modified":"2021-10-07T21:00:43","modified_gmt":"2021-10-07T18:00:43","slug":"what-is-html","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/what-is-html\/","title":{"rendered":"#What Is HTML?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a255576751c7\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a255576751c7\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-html\/#The_Backbone_of_the_Internet\" >The Backbone of the Internet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-html\/#How_HTML_Works\" >How HTML Works<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-html\/#HTML_Basics\" >HTML Basics<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#What Is HTML?&#8221;<\/strong><\/p>\n<div>\n<!-- UNCACHED CONTENT --><\/p>\n<figure style=\"width: 1200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage size-full wp-image-753099\" srcset=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/man-typing-computer-tablet-html.jpg?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 400w, https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/man-typing-computer-tablet-html.jpg?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 1200w\" sizes=\"auto, 400w, 1200w\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/man-typing-computer-tablet-html.jpg?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Closeup of computer and tablet screens showing HTML\" width=\"1200\" height=\"675\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\"><span class=\"type:primaryImage imagecredit\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.shutterstock.com\/image-photo\/php-html-developer-web-code-design-686648650\">one photo\/Shutterstock.com<\/a><\/span><\/figcaption><\/figure>\n<p>Since the beginning of the internet, HTML has been crucial to making the world wide web work and <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>ear the way we want it to. Let\u2019s take a look at what HTML is and how it turns into the pages you see every day.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"The_Backbone_of_the_Internet\"><\/span>The Backbone of the Internet<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>HTML stands for \u201chypertext markup language.\u201d It\u2019s a coding language used to create pages that a web browser can display. Most of the web pages you find on the internet, including the one you\u2019re reading this article on right now, are stored as an HTML file. Websites are a bunch of related HTML pages stored on a server somewhere. That\u2019s why the language is frequently called the \u201cbackbone of the internet.\u201d<\/p>\n<p>Whenever you go to a page on the internet, you\u2019re essentially requesting an HTML file stored on the server. Then, the browser you\u2019re using, such as Chrome or Firefox, will parse the HTML and display it to you in the way that it\u2019s intended.<\/p>\n<p>HTML\u2019s universality and versatility make it the single most popular markup language in the world. Most front-end web developers start by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.reviewgeek.com\/38028\/learn-to-code-with-these-awesome-apps-and-websites\/\">learning how to code<\/a> in HTML. The drag-and-drop tools and WYSIWYG editors are eventually translated into HTML so that browsers can parse them.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>What Is a Markup Language?<\/em><\/strong><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"How_HTML_Works\"><\/span>How HTML Works<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<figure style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-753103\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/html-text-computer.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"A sample of HTML code\" width=\"650\" height=\"433\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\"><span class=\"imagecredit\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.shutterstock.com\/image-vector\/html-code-website-coding-programming-concept-756684151\">Andrii Symonenko\/Shutterstock.com<\/a><\/span><\/figcaption><\/figure>\n<p>Like any programming language, HTML looks like a bunch of commands and text blocks before it\u2019s turned into the front-facing visual. If you\u2019re curious to see what the HTML on this particular page looks like and you\u2019re on a desktop or laptop, try right-clicking anywhere on this page and select \u201cView Page Source\u201d (the option may vary depending on your browser). It should take you to a giant wall of code.<\/p>\n<p>Most HTML is built using \u201celement blocks,\u201d which are snippets of HTML code that separate different elements on a page. For example, this article\u2019s body is an element block, as is the menu, the recommendations below, and the page\u2019s footer. These elements are coded in their own way, as they may behave differently.<\/p>\n<p>A crucial part of building out HTML pages is the use of Cascading Style Sheets (CSS). These are documents that define what particular elements of a page should look like. For example, how big images should be, what fonts should appear on a page, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.cloudsavvyit.com\/1434\/what-is-responsive-design-and-how-do-you-use-it\/\">how a web page should respond<\/a> when it\u2019s resized or stretched. These are all crucial to creating attractive, cohesive, and stylish websites. If you\u2019ve noticed websites starting to look better in the last decade, the increasing use of CSS is the biggest reason. You can read more about CSS <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.w3schools.com\/css\/css_intro.asp\">here<\/a>.<\/p>\n<p>One of the best things about HTML is its ability to run dynamic scripts via JavaScript or JS. These scripts can create dynamic elements. For example, on certain websites, hovering on an image will allow you to zoom into it. You can make this effect by coding in a JavaScript element.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Disable (and Enable) JavaScript in Google Chrome<\/em><\/strong><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"HTML_Basics\"><\/span>HTML Basics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>While HTML is a fairly complex language with tons of different tags and blocks, there are a few HTML codes that might come in handy as you\u2019re browsing the web. Here are a couple of basic HTML tags that you might encounter.<\/p>\n<pre>&lt;a href=\"https:\/\/www.howtogeek.com\"&gt;How-to Geek&lt;\/a&gt;<\/pre>\n<p>How-To Geek<\/p>\n<p>You use the <code>&lt;a&gt;<\/code> command to create a link. The URL is where the link will point to, and the text that reads \u201cHow-to Geek\u201d is how it will appear to an end-user.<\/p>\n<pre>&lt;b&gt;bold&lt;\/b&gt; &lt;i&gt;italic&lt;\/i&gt; &lt;u&gt;underline&lt;\/u&gt;<\/pre>\n<p><strong>bold\u00a0<\/strong><em>italic\u00a0<\/em><span style=\"text-decoration: underline;\">underline<\/span><\/p>\n<p>You can use the <code>&lt;b&gt;<\/code>, <code>&lt;i&gt;<\/code>, and <code>&lt;u&gt;<\/code> to apply the standard text formatting options: bold, italics, and underlined text.<\/p>\n<pre>&lt;img\u00a0src=\"https:\/\/www.howtogeek.com\/752587\/what-is-html\/picture.jpg\"&gt;<\/pre>\n<p>The <code>&lt;img&gt;<\/code> tag is used to embed an image into a page. It will either pull the image from the same domain, or you can point it to an external domain. You can also customize it with some additional attributes, such as resizing and alt text.<\/p>\n<pre>&lt;h1&gt;heading 1&lt;\/h1&gt; &lt;p&gt;paragraph&lt;\/p&gt;<\/pre>\n<p>The above are heading and paragraph tags. Similar to how Microsoft Word allows you to sort the text into headers and body text, HTML can also format text based on default header and paragraph options. These formats are defined using the CSS stylesheet.<\/p>\n<pre>&lt;p style=\"color:edr;\"&gt;red paragraph&lt;\/p&gt;<\/pre>\n<p>You can also use the <code>\"style\"<\/code> attribute to customize the text with various style settings, such as text color, background color, and font size.<\/p>\n<p>If you\u2019re interested in learning more HTML formatting options, check out the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.w3schools.com\/html\/default.asp\">W3Schools\u2019 free resources<\/a>. You\u2019ll find a complete list of HTML tags that you can use to start building your web pages.<\/p>\n<p><strong>RELATED:<\/strong> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.cloudsavvyit.com\/1434\/what-is-responsive-design-and-how-do-you-use-it\/\"><strong><em>What Is &#8220;Responsive Design,&#8221; And How Do You Use It?<\/em><\/strong><\/a><\/p>\n<\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/752587\/what-is-html\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#What Is HTML?&#8221; one photo\/Shutterstock.com Since the beginning of the internet, HTML has been crucial to making the world wide web work and appear the way we want it to. Let\u2019s take a look at what HTML is and how it turns into the pages you see every day. The Backbone of the Internet HTML&#8230;<\/p>\n","protected":false},"author":1,"featured_media":349861,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/man-typing-computer-tablet-html.jpg?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-349860","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/349860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=349860"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/349860\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/349861"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=349860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=349860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=349860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}