{"id":946,"date":"2011-09-01T18:10:47","date_gmt":"2011-09-01T18:10:47","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/09\/01\/understanding-basic-html-tags\/"},"modified":"2021-01-28T12:18:23","modified_gmt":"2021-01-28T17:18:23","slug":"understanding-basic-html-tags","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/","title":{"rendered":"Understanding Basic HTML Tags"},"content":{"rendered":"<p>HTML tags and attributes within the tag are used to create the HTML documents that you see displayed via the internet. You can use HTML code to add images, create links, and modify how text is displayed. There are many tags that are available to help you design and format your page. You can see our <a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/html-reference\/\">HTML tag reference list<\/a> for a full list. This article will go over several of the most commonly used HTML tags.<\/p>\n<h2>Header tags<\/h2>\n<p>Header tags are used to help divide content. They are commonly used with titles of sections. They are also numbered from <strong>&lt;h1&gt;<\/strong> to\u00a0<strong>&lt;h6&gt;<\/strong>. The <strong>&lt;h1&gt;<\/strong> tag is deemed to be the most important, so it is larger than the others. They continue to be smaller in size down to the h6 tag, which is the smallest. While <strong>&lt;h1&gt;<\/strong> tags are very common, the lower end tags such as <strong>&lt;h5&gt;<\/strong> and <strong>&lt;h6&gt;<\/strong> are used only in deeply detailed documents. Below is an example of each of the header tags.<\/p>\n<h3>Code:<\/h3>\n<pre>&lt;h1&gt;This is an H1&lt;\/h1&gt;\n\n&lt;h2&gt;This is an H2&lt;\/h2&gt;\n\n&lt;h3&gt;This is an H3&lt;\/h3&gt;\n\n&lt;h4&gt;This is an H4&lt;\/h4&gt;\n\n&lt;h5&gt;This is an H5&lt;\/h5&gt;\n\n&lt;h6&gt;This is an H6&lt;\/h6&gt;\n<\/pre>\n<h3>Output:<\/h3>\n<p style=\"font-size: 30px; line-height: 135%;\">This is an H1<\/p>\n<p style=\"font-size: 28px; line-height: 135%;\">This is an H2<\/p>\n<p style=\"font-size: 26px; line-height: 135%;\">This is an H3<\/p>\n<p style=\"font-size: 20px; line-height: 135%;\">This is an H4<\/p>\n<p style=\"font-size: 18px; line-height: 135%;\">This is an H5<\/p>\n<p style=\"font-size: 14px; line-height: 135%;\">This is an H6<\/p>\n<h2>Strong tag<\/h2>\n<p>The <strong>&lt;strong&gt;<\/strong> tag is used to make important words or text stand out. This tag makes the text appear in bold. In HTML 5, it is often used to replace the <strong>&lt;b&gt;<\/strong> tag. By HTML 5 standards, you should always use the <strong>&lt;strong&gt;<\/strong> tag when you need bold text. Below is an example of some strong text.<br \/>\n<strong>Code:<\/strong><\/p>\n<pre>&lt;strong&gt;This is strong text.&lt;\/strong&gt;<\/pre>\n<h3>Output:<\/h3>\n<p><strong>This is strong text.<\/strong><\/p>\n<h2>Emphasis tag<\/h2>\n<p>The <strong>&lt;em&gt;<\/strong> tag is used to make text stand out from the surrounding text. This text would be important enough to stand out, but not as important as the text that uses the <strong>&lt;strong&gt;<\/strong> text. Most commonly, it is used to display text in italics and is often used in place of the <strong>&lt;i&gt;<\/strong> tag. Below is a sample of some text using the <strong>&lt;em&gt;<\/strong> tag.<\/p>\n<h3>Code:<\/h3>\n<pre>This is a normal sentence. &lt;em&gt;This one needs to stand out a bit.&lt;\/em&gt; This is another normal sentence.<\/pre>\n<h3>Output:<\/h3>\n<p>This is a normal sentence. <em>This one needs to stand out a bit.<\/em> This is another normal sentence.<\/p>\n<h2>Line Break tag<\/h2>\n<p>The <strong>&lt;br \/&gt;<\/strong> tag is used for making text go to the next line in a specific place. A long sentence will wrap at the edge of the page automatically, but this will very depending on the width of the viewer&#8217;s screen. The <strong>&lt;br \/&gt;<\/strong> tag will cause the text to wrap at the same place, regardless of the visitor&#8217;s screen. Below is a sample of a sentence that is broken up by a <strong>&lt;br \/&gt;<\/strong> tag.<\/p>\n<h3>Code:<\/h3>\n<pre>This sentence is broken &lt;br \/&gt; in the middle.<\/pre>\n<h3>Output:<\/h3>\n<p>This sentence is broken<br \/>\nin the middle.<\/p>\n<p>We will discuss using HTML to create links, insert images, and insert videos in later sections of this Education Channel. For more information on tags and using CSS for styling the content, please see our education channel on <a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/using-css-website\/\">using CSS on your website<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML tags and attributes within the tag are used to create the HTML documents that you see displayed via the internet. You can use HTML code to add images, create links, and modify how text is displayed. There are many tags that are available to help you design and format your page. You can see<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\"> Read More ><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4288],"tags":[],"class_list":["post-946","post","type-post","status-publish","format-standard","hentry","category-website"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Understanding Basic HTML Tags | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn about basic HTML tags and how they are used to build a web page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Understanding Basic HTML Tags | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Learn about basic HTML tags and how they are used to build a web page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-09-01T18:10:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-28T17:18:23+00:00\" \/>\n<meta name=\"author\" content=\"Brad Markle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad Markle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"Understanding Basic HTML Tags\",\"datePublished\":\"2011-09-01T18:10:47+00:00\",\"dateModified\":\"2021-01-28T17:18:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\"},\"wordCount\":512,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"articleSection\":[\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\",\"name\":\"Understanding Basic HTML Tags | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"datePublished\":\"2011-09-01T18:10:47+00:00\",\"dateModified\":\"2021-01-28T17:18:23+00:00\",\"description\":\"Learn about basic HTML tags and how they are used to build a web page.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Understanding Basic HTML Tags\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\",\"name\":\"Brad Markle\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Understanding Basic HTML Tags | InMotion Hosting","description":"Learn about basic HTML tags and how they are used to build a web page.","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:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/","og_locale":"en_US","og_type":"article","og_title":"Understanding Basic HTML Tags | InMotion Hosting","og_description":"Learn about basic HTML tags and how they are used to build a web page.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2011-09-01T18:10:47+00:00","article_modified_time":"2021-01-28T17:18:23+00:00","author":"Brad Markle","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Brad Markle","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"Understanding Basic HTML Tags","datePublished":"2011-09-01T18:10:47+00:00","dateModified":"2021-01-28T17:18:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/"},"wordCount":512,"commentCount":1,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"articleSection":["Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/","name":"Understanding Basic HTML Tags | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"datePublished":"2011-09-01T18:10:47+00:00","dateModified":"2021-01-28T17:18:23+00:00","description":"Learn about basic HTML tags and how they are used to build a web page.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Understanding Basic HTML Tags"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf","name":"Brad Markle","url":"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=946"}],"version-history":[{"count":6,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/946\/revisions"}],"predecessor-version":[{"id":67655,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/946\/revisions\/67655"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}