{"id":933,"date":"2019-01-10T12:03:42","date_gmt":"2019-01-10T10:03:42","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=933"},"modified":"2022-01-21T11:26:24","modified_gmt":"2022-01-21T09:26:24","slug":"html-tags-periodic-table-infographics","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/","title":{"rendered":"Periodic Table of HTML Tags Infographics"},"content":{"rendered":"

Atoms, molecules, organisms, templates, and pages, what all those things have in common? You’ll be surprised, the Periodic Table.<\/p>\n

\"Periodic<\/a><\/p>\n

<\/p>\n

Ask most chemist who discovered the periodic table and you will almost certainly get the answer, Dmitri Mendeleev<\/strong>. Without a doubt, Mendeleev was technically the first who organized the known elements. Moreover, he was the first who published a version of the table and made some predictions that would prove correct in time. Despite this, he is not the only one who deserves all the credit. Surprised, aren\u2019t you?<\/p>\n

Since the 17th century, alchemists from around the world attempted to discover and identify new elements. Do you know that namely DeChancourtois, Antoine Lavoisier<\/em>, and Lothar Meyer<\/em>, were the first who tried to produce the table? Despite being a bit late to the party, their names are valuable gold.<\/p>\n

A moon crater and an element number 101 named after him are among other contributions to chemistry made by Mendeleev. Millions of people still believe in the famous myth that Mendeleev first saw the periodic table in his dream. What about the standard for Russian vodka at forty degrees? Well, the man died, but the myth was born.<\/p>\n

One thing is true, Mendeleev had his fingers in many pies. Sure thing, he flew in a hot-air balloon, invented smokeless powder and even made leather trunks. All other facts are myths, which, however, do not take away the laurels of Mendeleev as one of the most brilliant chemists in the history of mankind.<\/p>\n

A Place for the Periodic Table in Popular Culture<\/h2>\n

Now, let\u2019s get back to the topic. Think there\u2019s nothing in common between the chemistry and the web design? Think again.<\/p>\n

Numerous table designs both colorful and informative have been created over the years. From artistic, musical and interactive versions, to emojis and a play version used in the Battleship game. Sure, variety abounds. So, why not to make the best of use of the periodic table from the web design point of view?<\/p>\n

In search of inspiration and parallels, web design pros recognize the need to develop thoughtful design systems that can be comprised of smaller elements like color, typography<\/a>, grids and the like. That\u2019s where the periodic table come into play. Do you think it\u2019s really a table? In fact, created from headings and rows, it\u2019s called a table because it does one thing best \u2013 represents data visually.<\/p>\n

HTML Tags<\/a>: To Learn or not to learn<\/h2>\n

As a result, from a visual design point of view, the periodic table of HTML tags is second to none when it comes to website producing. Being only a modest blogger, it comes to no wonder for me that the logical step-by-step compliance is no stranger in the chemistry industry. The same way it\u2019s no stranger to the website development.<\/p>\n

Starting from the beginning, most web developers move smoothly and logically through a variety of steps to website launch and maintenance. The better way to achieve that is to visualize the web design process effectively. That\u2019s where the Periodic Table of Elements Infographics<\/strong> comes into play.<\/p>\n

Good infographics use something familiar, something you understand, something that helps you grasp confusing information without a hitch. In the end, posting article by article becomes a smooth track without much legwork on your end.<\/p>\n

On What to Bring\u2026<\/h2>\n

How often do you end up thinking \u2019oh my god, this is a mess\u2019? Let\u2019s be real. When most of us started our first blog, we didn\u2019t sign up how to code. I know I didn\u2019t. Yet, the reality is that understanding HTML is key to having a successful blog.<\/p>\n

Used most common in the business industry, HTML templates can get your website live and kicking. Even though there are close to hundreds of tags in HTML, you usually end up using a handful of 99 percent of the time. The good news is that thanks to the periodic table of HTML tags you can use increase the quality of your next blog like a pro. The secret?<\/p>\n

Just like the periodic table organizes chemical elements according to trends in their physical and chemical properties, the periodic table of HTML tags manage individual elements, which define alternate pieces of content such as headings, paragraphs, and the like.<\/p>\n

\"Periodic<\/a>a><\/p>\n

Divided into12 categories, HTML tags come in eye-candy colors with short titles for easier understanding. Thus, you can find categories such as tabular data, interactive elements, forms, metadata and scripting.<\/p>\n

\"Periodic<\/a><\/p>\n

Meanwhile, enjoy more detailed tags description right under the periodic table. At the end of the day, get the most from HTML tags in a clear and concise way. One thing to do is to bookmark the table and bridge your gap in knowledge.<\/p>\n

Thus, every time you need to bring your blog up a notch, the periodic table of elements can do the trick. From now on, you have so-called \u2018Masterplan\u2019 to follow with every detailed step you should take to run your next blog post far more efficiently.<\/p>\n

And General Advice: Just Do It<\/h2>\n

Ready to resolve practical challenges? If you are like me and don\u2019t like change, the periodic table of elements infographics can help you out. Get creative with it to make a progress in learning tags. Hope this helps.<\/p>\n","protected":false},"excerpt":{"rendered":"

Atoms, molecules, organisms, templates, and pages, what all those things have in common? You’ll be surprised, the Periodic Table.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3,4],"tags":[],"class_list":["post-933","post","type-post","status-publish","format-standard","hentry","category-articles","category-freebies","category-html"],"yoast_head":"\nPeriodic Table of HTML Tags Infographics: Like. Learn. Share<\/title>\n<meta name=\"description\" content=\"Atoms, molecules, organisms, templates, and pages, what all those things have in common? You'll be surprised, the Periodic Table\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Periodic Table of HTML Tags Infographics: Like. Learn. Share\" \/>\n<meta property=\"og:description\" content=\"Atoms, molecules, organisms, templates, and pages, what all those things have in common? You'll be surprised, the Periodic Table\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-10T10:03:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-21T09:26:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Periodic Table of HTML Tags Infographics\",\"datePublished\":\"2019-01-10T10:03:42+00:00\",\"dateModified\":\"2022-01-21T09:26:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/\"},\"wordCount\":892,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg\",\"articleSection\":[\"Articles\",\"Freebies\",\"HTML\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/\",\"url\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/\",\"name\":\"Periodic Table of HTML Tags Infographics: Like. Learn. Share\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg\",\"datePublished\":\"2019-01-10T10:03:42+00:00\",\"dateModified\":\"2022-01-21T09:26:24+00:00\",\"description\":\"Atoms, molecules, organisms, templates, and pages, what all those things have in common? You'll be surprised, the Periodic Table\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Periodic Table of HTML Tags Infographics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Periodic Table of HTML Tags Infographics: Like. Learn. Share","description":"Atoms, molecules, organisms, templates, and pages, what all those things have in common? You'll be surprised, the Periodic Table","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:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/","og_locale":"en_GB","og_type":"article","og_title":"Periodic Table of HTML Tags Infographics: Like. Learn. Share","og_description":"Atoms, molecules, organisms, templates, and pages, what all those things have in common? You'll be surprised, the Periodic Table","og_url":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2019-01-10T10:03:42+00:00","article_modified_time":"2022-01-21T09:26:24+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Periodic Table of HTML Tags Infographics","datePublished":"2019-01-10T10:03:42+00:00","dateModified":"2022-01-21T09:26:24+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/"},"wordCount":892,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg","articleSection":["Articles","Freebies","HTML"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/","url":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/","name":"Periodic Table of HTML Tags Infographics: Like. Learn. Share","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg","datePublished":"2019-01-10T10:03:42+00:00","dateModified":"2022-01-21T09:26:24+00:00","description":"Atoms, molecules, organisms, templates, and pages, what all those things have in common? You'll be surprised, the Periodic Table","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2019\/01\/periodic-table-car.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/html-tags-periodic-table-infographics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Periodic Table of HTML Tags Infographics"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=933"}],"version-history":[{"count":5,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/933\/revisions"}],"predecessor-version":[{"id":1739,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/933\/revisions\/1739"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}