{"id":76,"date":"2024-02-02T19:16:37","date_gmt":"2024-02-02T19:16:37","guid":{"rendered":"https:\/\/atabasch.net\/?p=76"},"modified":"2024-02-02T20:08:37","modified_gmt":"2024-02-02T20:08:37","slug":"most-basic-html-tags","status":"publish","type":"post","link":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/","title":{"rendered":"Most Basic HTML Tags"},"content":{"rendered":"\n

In this article, we will see what the 7 tags do and how they are used, along with the 3 most basic tags that are necessary when starting HTML and even the 4 html tags that we will use on the way. If you are new to coding and don’t have any information yet, you may want to read my previous article What is HTML and what does it do?<\/a><\/p>\n\n\n\n

1. <!DOCTYPE html><\/code> and <html><\/code> Tag<\/h3>\n\n\n\n

At the very beginning of every HTML file is the declaration  <!DOCTYPE html><\/code> . This tells the browser that the document was written using HTML5. It is immediately followed by the <html><\/code> tag. This tag wraps all your HTML code and indicates the beginning and end of an HTML document.<\/p>\n\n\n\n

<!DOCTYPE html>
<html>
 <!-- Here are the head and body tags -->
<\/html><\/code><\/pre>\n\n\n\n
2. <head><\/code> Tag<\/h3>\n\n\n\n
The <head><\/code> tag contains information about the page, usually non-visual. This includes elements such as the page title, character set, linked style files (CSS) and meta tags. For example, <title><\/code> tag is located in this section and determines the tab title of the web browser.<\/p>\n\n\n\n
<head>
 <meta charset=\"UTF-8\">
 <title>Title of this Page<\/title>
 <!-- Other header elements -->
<\/head><\/code><\/pre>\n\n\n\n
3. <body><\/code> Tag<\/h3>\n\n\n\n
The <body><\/code> tag contains all the content shown to the user. Texts, images, links, lists, tables and more are included in this section. In short, everything you want to see in the browser is written inside the <body><\/code> tag.<\/p>\n\n\n\n
<body>
 <h1>This is a title<\/h1>
 <p>This is a paragraph.<\/p>
 <!-- Other contents -->
<\/body><\/code><\/pre>\n\n\n\n
Use in Combination<\/h3>\n\n\n\n
An HTML document is created by combining these three parts. Here is an example of a basic HTML structure:<\/p>\n\n\n\n
<!DOCTYPE html>
<html>
<head>
 <meta charset=\"UTF-8\">
 <title>Sample Page<\/title>
<\/head>
<body>
 <h1>Hello World!<\/h1>
 <p>Welcome to learn HTML.<\/p>
<\/body>
<\/html><\/code><\/pre>\n\n\n\n
By building on this simple structure, you can create more complex and functional web pages. Understanding this basic structure and tags while learning HTML will create a solid foundation for the next steps.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this article, we will see what the 7 tags do and how they are used, along with the 3 most basic tags that are necessary when starting HTML and even the 4 html tags that we will use on the way. If you are new to coding and don’t have any information yet, you may want to read my previous article\u00a0What is HTML and what does it do?<\/p>\n","protected":false},"author":1,"featured_media":77,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[3,23],"tags":[27,25],"acf":[],"yoast_head":"\nMost Basic HTML Tags - Atabasch Technology<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Most Basic HTML Tags - Atabasch Technology\" \/>\n<meta property=\"og:description\" content=\"In this article, we will see what the 7 tags do and how they are used, along with the 3 most basic tags that are necessary when starting HTML and even the 4 html tags that we will use on the way. If you are new to coding and don't have any information yet, you may want to read my previous article\u00a0What is HTML and what does it do?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/\" \/>\n<meta property=\"og:site_name\" content=\"Atabasch Technology\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-02T19:16:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-02T20:08:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"atabasch7\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"atabasch7\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/\"},\"author\":{\"name\":\"atabasch7\",\"@id\":\"https:\/\/atabasch.net\/#\/schema\/person\/60fe7b9f880b978cf516997a4ffab9c1\"},\"headline\":\"Most Basic HTML Tags\",\"datePublished\":\"2024-02-02T19:16:37+00:00\",\"dateModified\":\"2024-02-02T20:08:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/\"},\"wordCount\":274,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/atabasch.net\/#organization\"},\"image\":{\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp\",\"keywords\":[\"basic html tags\",\"html\"],\"articleSection\":[\"Beginner Guides\",\"Programming\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/\",\"url\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/\",\"name\":\"Most Basic HTML Tags - Atabasch Technology\",\"isPartOf\":{\"@id\":\"https:\/\/atabasch.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp\",\"datePublished\":\"2024-02-02T19:16:37+00:00\",\"dateModified\":\"2024-02-02T20:08:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage\",\"url\":\"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp\",\"contentUrl\":\"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp\",\"width\":800,\"height\":450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/atabasch.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Most Basic HTML Tags\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atabasch.net\/#website\",\"url\":\"https:\/\/atabasch.net\/\",\"name\":\"Atabasch Technology\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/atabasch.net\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atabasch.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atabasch.net\/#organization\",\"name\":\"Atabasch Technology\",\"url\":\"https:\/\/atabasch.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/atabasch.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/01\/atabasch-logo.png\",\"contentUrl\":\"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/01\/atabasch-logo.png\",\"width\":800,\"height\":160,\"caption\":\"Atabasch Technology\"},\"image\":{\"@id\":\"https:\/\/atabasch.net\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/atabasch.net\/#\/schema\/person\/60fe7b9f880b978cf516997a4ffab9c1\",\"name\":\"atabasch7\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/atabasch.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35d6b8e21148342014b18ca6cb3a2779?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35d6b8e21148342014b18ca6cb3a2779?s=96&d=mm&r=g\",\"caption\":\"atabasch7\"},\"sameAs\":[\"http:\/\/atabasch.net\"],\"url\":\"https:\/\/atabasch.net\/blog\/author\/atabasch7\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Most Basic HTML Tags - Atabasch Technology","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:\/\/atabasch.net\/blog\/most-basic-html-tags\/","og_locale":"en_US","og_type":"article","og_title":"Most Basic HTML Tags - Atabasch Technology","og_description":"In this article, we will see what the 7 tags do and how they are used, along with the 3 most basic tags that are necessary when starting HTML and even the 4 html tags that we will use on the way. If you are new to coding and don't have any information yet, you may want to read my previous article\u00a0What is HTML and what does it do?","og_url":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/","og_site_name":"Atabasch Technology","article_published_time":"2024-02-02T19:16:37+00:00","article_modified_time":"2024-02-02T20:08:37+00:00","og_image":[{"width":800,"height":450,"url":"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp","type":"image\/jpeg"}],"author":"atabasch7","twitter_card":"summary_large_image","twitter_misc":{"Written by":"atabasch7","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#article","isPartOf":{"@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/"},"author":{"name":"atabasch7","@id":"https:\/\/atabasch.net\/#\/schema\/person\/60fe7b9f880b978cf516997a4ffab9c1"},"headline":"Most Basic HTML Tags","datePublished":"2024-02-02T19:16:37+00:00","dateModified":"2024-02-02T20:08:37+00:00","mainEntityOfPage":{"@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/"},"wordCount":274,"commentCount":0,"publisher":{"@id":"https:\/\/atabasch.net\/#organization"},"image":{"@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage"},"thumbnailUrl":"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp","keywords":["basic html tags","html"],"articleSection":["Beginner Guides","Programming"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/","url":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/","name":"Most Basic HTML Tags - Atabasch Technology","isPartOf":{"@id":"https:\/\/atabasch.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage"},"image":{"@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage"},"thumbnailUrl":"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp","datePublished":"2024-02-02T19:16:37+00:00","dateModified":"2024-02-02T20:08:37+00:00","breadcrumb":{"@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atabasch.net\/blog\/most-basic-html-tags\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#primaryimage","url":"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp","contentUrl":"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/02\/The-Most-Basic-HTML-Tags-jpg.webp","width":800,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/atabasch.net\/blog\/most-basic-html-tags\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/atabasch.net\/"},{"@type":"ListItem","position":2,"name":"Most Basic HTML Tags"}]},{"@type":"WebSite","@id":"https:\/\/atabasch.net\/#website","url":"https:\/\/atabasch.net\/","name":"Atabasch Technology","description":"","publisher":{"@id":"https:\/\/atabasch.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atabasch.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/atabasch.net\/#organization","name":"Atabasch Technology","url":"https:\/\/atabasch.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/atabasch.net\/#\/schema\/logo\/image\/","url":"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/01\/atabasch-logo.png","contentUrl":"https:\/\/atabasch.net\/wp-content\/uploads\/2024\/01\/atabasch-logo.png","width":800,"height":160,"caption":"Atabasch Technology"},"image":{"@id":"https:\/\/atabasch.net\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/atabasch.net\/#\/schema\/person\/60fe7b9f880b978cf516997a4ffab9c1","name":"atabasch7","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/atabasch.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/35d6b8e21148342014b18ca6cb3a2779?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35d6b8e21148342014b18ca6cb3a2779?s=96&d=mm&r=g","caption":"atabasch7"},"sameAs":["http:\/\/atabasch.net"],"url":"https:\/\/atabasch.net\/blog\/author\/atabasch7\/"}]}},"_links":{"self":[{"href":"https:\/\/atabasch.net\/api\/wp\/v2\/posts\/76"}],"collection":[{"href":"https:\/\/atabasch.net\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atabasch.net\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atabasch.net\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atabasch.net\/api\/wp\/v2\/comments?post=76"}],"version-history":[{"count":0,"href":"https:\/\/atabasch.net\/api\/wp\/v2\/posts\/76\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atabasch.net\/api\/wp\/v2\/media\/77"}],"wp:attachment":[{"href":"https:\/\/atabasch.net\/api\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atabasch.net\/api\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atabasch.net\/api\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}