{"id":10,"date":"2024-01-18T20:14:04","date_gmt":"2024-01-18T20:14:04","guid":{"rendered":"https:\/\/themes.estudiopatagon.com\/wordpress\/zento\/?p=10"},"modified":"2024-01-18T20:14:04","modified_gmt":"2024-01-18T20:14:04","slug":"introduction-to-html","status":"publish","type":"post","link":"https:\/\/aidailyflow.com\/?p=10","title":{"rendered":"Introduction to HTML \ud83d\udcd6"},"content":{"rendered":"\n<p>HTML, or Hyper Text Markup Language, is the fundamental building block of the World Wide Web. In the early days of the internet, HTML files served as the backbone of web content, stored on centralized servers and accessed by browsers to display information.<\/p>\n\n\n\n<p>Despite its importance, HTML is not a programming language; instead, it is a markup language structured using tags. When creating a basic HTML file, it is conventionally saved with the .html file extension.<\/p>\n\n\n\n<p>In essence, an <strong>HTML file contains textual content<\/strong>, such as paragraphs or titles, organized with markup that instructs the browser on how to present the content to the user.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"simple-example\">Simple example<\/h3>\n\n\n\n<pre class=\"wp-block-code lang-html\"><code>&lt;p&gt;A paragraph of text&lt;\/p&gt;\n\n&lt;ul&gt;\n  &lt;li&gt;First item&lt;\/li&gt;\n  &lt;li&gt;Second item&lt;\/li&gt;\n  &lt;li&gt;Third item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<p>This HTML snippet says that&nbsp;<code>A paragraph of text<\/code>&nbsp;is a&nbsp;<strong>paragraph<\/strong>. And then we have a&nbsp;<strong>list<\/strong>&nbsp;of 3 items.<\/p>\n\n\n\n<p><code>p<\/code>&nbsp;stands for&nbsp;<em>paragraph<\/em>,&nbsp;<code>ul<\/code>&nbsp;stands for&nbsp;<em>unordered list<\/em>, and&nbsp;<code>li<\/code>&nbsp;stands for&nbsp;<em>list item<\/em>.<\/p>\n\n\n\n<p>For each of them, we have an&nbsp;<strong>opening tag<\/strong>&nbsp;(like&nbsp;<code>&lt;p&gt;<\/code>), the content, and a&nbsp;<strong>closing tag<\/strong>&nbsp;(like&nbsp;<code>&lt;\/p&gt;<\/code>).<\/p>\n\n\n\n<p>So&nbsp;<code>&lt;opening tag&gt;<\/code>&nbsp;\u2026content \u2026&nbsp;<code>&lt;\/closing tag&gt;<\/code>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"definition\">Definition<\/h3>\n\n\n\n<p>Now I want to tell you something about HTML you should know.<\/p>\n\n\n\n<p>HTML is not&nbsp;<em>presentational<\/em>. It\u2019s not concerned with how things&nbsp;<em>look<\/em>.<\/p>\n\n\n\n<p>Instead, it\u2019s concerned with what things&nbsp;<strong>mean<\/strong>.<\/p>\n\n\n\n<p>You don\u2019t tell \u201cmake this paragraph red\u201d in HTML.<\/p>\n\n\n\n<p>That\u2019s a&nbsp;<strong>presentational aspect<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h3>\n\n\n\n<p>HTML is just concerned with content.<\/p>\n\n\n\n<p>It just adds some predefined styles here and there, like for example with the list. But that\u2019s it. There\u2019s no customization you can do on how it looks, in HTML.<\/p>\n\n\n\n<p>This will be the job of CSS, but that\u2019s a story for another lesson.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML, or Hyper Text Markup Language, is the fundamental building block of the World Wide Web. In the early days of the internet, HTML files&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[2,7,8,11],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-video","hentry","category-code","category-guides","category-2-html","category-tech","post_format-post-format-video"],"menu_order":0,"_links":{"self":[{"href":"https:\/\/aidailyflow.com\/index.php?rest_route=\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aidailyflow.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aidailyflow.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aidailyflow.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aidailyflow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":0,"href":"https:\/\/aidailyflow.com\/index.php?rest_route=\/wp\/v2\/posts\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/aidailyflow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aidailyflow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aidailyflow.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}