{"id":13821,"date":"2020-11-30T22:43:34","date_gmt":"2020-12-01T06:43:34","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=13821"},"modified":"2023-12-01T04:05:05","modified_gmt":"2023-12-01T12:05:05","slug":"html-footer","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/html-footer\/","title":{"rendered":"HTML Footer: A Step-by-Step Guide"},"content":{"rendered":"\n<p><em>The HTML footer tag defines the footer for a web page or a section. Footers usually contain contact information, links to important pages on a website, and the author of a web page.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>When you\u2019re building a web page, you may decide that you want to add a footer. For instance, say you\u2019re building a site for a local coffee shop. You may want to add a footer with the name, contact information, and opening hours of the coffee shop.<\/p>\n\n\n\n<p>That\u2019s where the HTML <em>&lt;footer&gt;<\/em> tag comes in. The <em>&lt;footer&gt;<\/em> tag is used to create a footer in HTML. <em>&lt;footer&gt;<\/em> tags often contain various other tags that support navigation, identify the author of a page, and more.<\/p>\n\n\n\n<p>This tutorial will discuss the basics of the HTML <em>&lt;footer&gt;<\/em> tag and how you can use it in your code. By the end of this tutorial, you\u2019ll be an expert at using the <em>&lt;footer&gt;<\/em> tag.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Layout<\/h2>\n\n\n\n<p>In HTML, there is a wide range of tags that are used to define the layout of a page and its elements. These tags help developers simplify their web pages because they make the structure of a web page clearer.&nbsp;<\/p>\n\n\n\n<p>Within the <em>&lt;body&gt;<\/em> tag of a page, there are several basic elements used to define its structure. These are as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/careerkarma.com\/blog\/html-headers\/\"><strong>HTML &lt;header&gt;<\/strong><\/a>. This tag defines the page header.<\/li><li><strong>&lt;nav&gt;<\/strong>. This tag defines a navigation bar.<\/li><li><strong>&lt;article&gt;, &lt;section&gt;, and other tags<\/strong>. These are used to define a page\u2019s main body.<\/li><li><strong>&lt;footer&gt;<\/strong>. This tag defines the page footer content.<\/li><\/ul>\n\n\n\n<p>For this tutorial, we will focus on the <em>&lt;footer&gt;<\/em> HTML element.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">&lt;footer&gt; HTML Tag<\/h2>\n\n\n\n<p>The <em>&lt;footer&gt;<\/em> tag in HTML defines a footer for a document or a section of a web page. Footers usually contain the author of a document, contact information, and important links. A footer at the bottom of a section will include any final information related to the content in that section.<\/p>\n\n\n\n<p>Footers are used on most web pages to display information such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Web page author<\/li><li>Links to related documents<\/li><li>Copyright<\/li><li>Contact information<\/li><li>Site map<\/li><li>A link to go to the top of the page<\/li><li>The date on which the page was last updated<\/li><\/ul>\n\n\n\n<p>Often, a footer will contain HTML headings. These headings will denote different parts of a footer, such as links in a list.<\/p>\n\n\n\n<p>Here\u2019s the syntax for the <em>&lt;footer&gt;<\/em> tag:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;footer&gt;\n\t\/\/ Footer contents\n&lt;\/footer&gt;<\/pre><\/div>\n\n\n\n<p>You can use the <em>&lt;footer&gt;<\/em> HTML tag several times in one document, depending on the structure of your page. However, it can only be used in the <em>&lt;body&gt;<\/em> tag. You cannot place a <em>&lt;footer&gt;<\/em> tag within a <em>&lt;header&gt;<\/em>, an <em>&lt;address&gt;<\/em>, or another <em>&lt;footer&gt;<\/em> tag.<\/p>\n\n\n\n<p>For example, if the structure of your <em>&lt;body&gt;<\/em> tag is complex and contains multiple <em>&lt;article&gt;<\/em> tags, you may decide to use a <em>&lt;footer&gt;<\/em> tag to separate certain information from the rest of the section. On the same web page, you can use a <em>&lt;footer&gt;<\/em> tag to define information at the bottom of the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML &lt;footer&gt; Template Example<\/h2>\n\n\n\n<p>Suppose we are building a web page for a local coffee house called <code>The Golden Roast.<\/code> This site features information about the coffee house, its origin story, contact information, and directions to the store. We want the page to include a footer with a copyright statement.<\/p>\n\n\n\n<p>We can use the following code to create this footer:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;footer&gt;\n\t&lt;p&gt;Copyright &amp;copy; 2020 The Golden Roast.&lt;\/p&gt;\n&lt;\/footer&gt;<\/pre><\/div>\n\n\n\n<p>When we run our code, the following appears at the bottom of our webpage:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/I9Sua02KCC_4vZ3iEqxtP3DmKE6308RNFksimFOWWR04sYCisfwy190zbFaIZEk4nTRjuS6fgqQiVvd-msFr4VDzKhAYUi_GAyise2B4pw7DaP-D_1imttPZ52w1g4bTqBenlcyE\" alt=\"\"\/><\/figure>\n\n\n\n<p>The <em>&lt;footer&gt;<\/em> tag does not have any tag-specific HTML attributes. However, the tag does support all <a href=\"https:\/\/careerkarma.com\/blog\/html-attributes\/\">global attributes in HTML<\/a>, just like any other tag. All major modern web browsers support the <em>&lt;footer&gt;<\/em> tag.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Fixed Footer<\/h2>\n\n\n\n<p>You may decide that you want your footer to stick to the bottom of the web page. This means that the footer will remain <em>fixed<\/em> to the bottom of your web page, in a specific place.<\/p>\n\n\n\n<p>This is different from a traditional footer, which just appears wherever it is declared in an HTML file. Traditional footers usually appear at the very bottom of a page.<\/p>\n\n\n\n<p>For example, suppose we want our copyright statement for our coffee house website to be fixed to the bottom of the web page. We want the statement to have a brown background and white text. We can use the following code to accomplish this task:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;body&gt;\n&lt;p&gt;Welcome to The Golden Roast!&lt;\/p&gt;\n\n&lt;style&gt;\nfooter {\n\tposition: fixed;\n\twidth: 100%;\n\tleft: 0;\n\tbottom: 0;\n\tbackground-color: brown;\n\tcolor: white;\n\ttext-align: center;\n}\n&lt;\/style&gt;\n\n&lt;footer&gt;\n\t&lt;p&gt;Copyright &amp;copy; 2020 The Golden Roast.&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/body&gt;<\/pre><\/div>\n\n\n\n<p>Our code returns:<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/wR1c0PbAG1QRWu-y5n1zL7lr_DFdbiOf9B2r111J9BljhVJHdrbHLn2g5SJFia_guYO-65lLMk4i9Fdt7cjmr8vORIYR1H9D75aPH8qsvAR8T8WY-4qjZUZadvaoM11Ooh3mIGQU\" alt=\"\" width=\"316\" height=\"176\"\/><\/figure>\n\n\n\n<p>We created a footer that sticks to the bottom of our web page.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s break down our code. First, we declared a <em>&lt;body&gt;<\/em> tag that stores the code for our web page\u2019s body. We then used a <em>&lt;style&gt;<\/em> tag to define the styles we will apply to the footer element. In our <em>&lt;style&gt;<\/em> tag, we specified that we want the position of the <em>&lt;footer&gt;<\/em> element to be fixed.<\/p>\n\n\n\n<p>We set the background color of the element to brown using the <a href=\"https:\/\/careerkarma.com\/blog\/html-background-color\/\">HTML and CSS background-color attribute<\/a>. In addition, we set the color of the text stored within the element to white. This was accomplished using the color attribute. We aligned the footer text to the center of the page.<\/p>\n\n\n\n<p>Next, we set the width of the element to be the size of the entire page. Finally, we used the left: 0 and bottom: 0 parameters to set the position of our footer.<\/p>\n\n\n\n<p>To learn more about the CSS position attributes that we used to make our footer sticky, check out our <a href=\"https:\/\/careerkarma.com\/blog\/css-position\/\">CSS position article<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The <em>&lt;footer&gt;<\/em> tag is used to define a footer in HTML. Footers usually contain information relevant to a website, such as a copyright statement, information about the author, and contact details.<\/p>\n\n\n\n<p>This tutorial discussed, with an example, how to use the <em>&lt;footer&gt;<\/em> tag in HTML\u2014including how to create a fixed footer. Now you\u2019re equipped with the knowledge you need to start working with the HTML <em>&lt;footer&gt;<\/em> tag like an expert web developer!<\/p>\n\n\n\n<p>If you&#8217;re looking for more HTML learning resources, check out our <a href=\"https:\/\/careerkarma.com\/blog\/learn-html\/\">How to Learn HTML guide<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"The HTML footer tag defines the footer for a web page or a section. Footers usually contain contact information, links to important pages on a website, and the author of a web page. When you\u2019re building a web page, you may decide that you want to add a footer. For instance, say you\u2019re building a&hellip;","protected":false},"author":240,"featured_media":13822,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17281],"tags":[],"class_list":{"0":"post-13821","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"HTML","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HTML Footer: A Step-by-Step Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"The HTML tag is used to create a footer. On Career Karma, learn about how to use the HTML tag in your code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/html-footer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Footer: A Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"The HTML tag is used to create a footer. On Career Karma, learn about how to use the HTML tag in your code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/html-footer\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-01T06:43:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T12:05:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/people-working-in-front-of-the-computer-3184357.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"681\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"James Gallagher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James Gallagher\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/\"},\"author\":{\"name\":\"James Gallagher\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\"},\"headline\":\"HTML Footer: A Step-by-Step Guide\",\"datePublished\":\"2020-12-01T06:43:34+00:00\",\"dateModified\":\"2023-12-01T12:05:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/\"},\"wordCount\":1056,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/people-working-in-front-of-the-computer-3184357.jpg\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/\",\"name\":\"HTML Footer: A Step-by-Step Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/people-working-in-front-of-the-computer-3184357.jpg\",\"datePublished\":\"2020-12-01T06:43:34+00:00\",\"dateModified\":\"2023-12-01T12:05:05+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\"},\"description\":\"The HTML tag is used to create a footer. On Career Karma, learn about how to use the HTML tag in your code.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/people-working-in-front-of-the-computer-3184357.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/people-working-in-front-of-the-computer-3184357.jpg\",\"width\":1020,\"height\":681},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-footer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Footer: A Step-by-Step Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\",\"name\":\"James Gallagher\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/james-gallagher-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/james-gallagher-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/james-gallagher-150x150.jpg\",\"caption\":\"James Gallagher\"},\"description\":\"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/jamesgallagher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML Footer: A Step-by-Step Guide | Career Karma","description":"The HTML tag is used to create a footer. On Career Karma, learn about how to use the HTML tag in your code.","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:\/\/careerkarma.com\/blog\/html-footer\/","og_locale":"en_US","og_type":"article","og_title":"HTML Footer: A Step-by-Step Guide","og_description":"The HTML tag is used to create a footer. On Career Karma, learn about how to use the HTML tag in your code.","og_url":"https:\/\/careerkarma.com\/blog\/html-footer\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-12-01T06:43:34+00:00","article_modified_time":"2023-12-01T12:05:05+00:00","og_image":[{"width":1020,"height":681,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/people-working-in-front-of-the-computer-3184357.jpg","type":"image\/jpeg"}],"author":"James Gallagher","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"James Gallagher","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/html-footer\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/html-footer\/"},"author":{"name":"James Gallagher","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"headline":"HTML Footer: A Step-by-Step Guide","datePublished":"2020-12-01T06:43:34+00:00","dateModified":"2023-12-01T12:05:05+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-footer\/"},"wordCount":1056,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/people-working-in-front-of-the-computer-3184357.jpg","articleSection":["HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/html-footer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/html-footer\/","url":"https:\/\/careerkarma.com\/blog\/html-footer\/","name":"HTML Footer: A Step-by-Step Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-footer\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/people-working-in-front-of-the-computer-3184357.jpg","datePublished":"2020-12-01T06:43:34+00:00","dateModified":"2023-12-01T12:05:05+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"description":"The HTML tag is used to create a footer. On Career Karma, learn about how to use the HTML tag in your code.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/html-footer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/html-footer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/html-footer\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/people-working-in-front-of-the-computer-3184357.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/people-working-in-front-of-the-computer-3184357.jpg","width":1020,"height":681},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/html-footer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/careerkarma.com\/blog\/html\/"},{"@type":"ListItem","position":3,"name":"HTML Footer: A Step-by-Step Guide"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94","name":"James Gallagher","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","caption":"James Gallagher"},"description":"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.","url":"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/13821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=13821"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/13821\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/13822"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=13821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=13821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=13821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}