{"id":13854,"date":"2020-04-22T23:47:23","date_gmt":"2020-04-23T06:47:23","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=13854"},"modified":"2023-12-01T02:43:55","modified_gmt":"2023-12-01T10:43:55","slug":"html-label","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/html-label\/","title":{"rendered":"HTML Label: A Step-by-Step Guide"},"content":{"rendered":"\n<p><em>The HTML label tag is used to define a caption for an element in an HTML form. It&#8217;s accessed with the <\/em><code><em>&lt;label&gt;<\/em><\/code><em> tag, and are linked to a particular web form. When clicked they allow the user to engage with a form.&nbsp; <\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>When you\u2019re creating forms in HTML, you may decide that you want to add a caption to the fields inside a form. For instance, you may want a form field that asks for a customer\u2019s first name to have the caption <code>Forename:<\/code>.<\/p>\n\n\n\n<p>That\u2019s where the HTML <code>&lt;label&gt;<\/code> tag comes in. The <code>&lt;label&gt;<\/code> tag is used to define a caption for a form control element in an HTML form. Each label is associated with one specific element in a form.<\/p>\n\n\n\n<p>This tutorial will discuss, with reference to examples, how to use the HTML label tag to add a label to a form. By the end of reading this tutorial, you\u2019ll be an expert at creating form labels using HTML.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Label<\/h2>\n\n\n\n<p>The <code>&lt;label&gt;<\/code> tag adds a label to a particular form element in a form. Each label tag is associated with one form element through the <code>for<\/code> HTML attribute.<\/p>\n\n\n\n<p>There are a few reasons why using the <code>&lt;label&gt;<\/code> tag is important. First, the label is bound to a particular form field on a web page. This means that, if a screen reader encounters the form field, the contents of the label you specify will be read out to the user. This, in turn, makes your website more accessible.<\/p>\n\n\n\n<p>In addition, when a <code>&lt;label&gt;<\/code> tag is associated with a form field, the user can click on the text within the label to activate the form. This makes it easier for the user to start interacting with a form field because they don\u2019t have to directly click on the element.&nbsp;<\/p>\n\n\n\n<p>For instance, if you had a checkbox element with no <code>&lt;label&gt;<\/code> tag, the user would have to click directly inside the checkbox to activate the element. However, if you specified a <code>&lt;label&gt;<\/code> tag, the user could also click on the label to activate the checkbox.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Label Syntax<\/h2>\n\n\n\n<p>The syntax for the HTML <code>&lt;label&gt;<\/code> tag is as follows:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;label for=\"id\"&gt;Label contents&lt;\/label&gt;<\/pre><\/div>\n\n\n\n<p>The <code>for<\/code> attribute is used to associate a label with a particular <code>&lt;input&gt;<\/code> element. The value of the <code>for<\/code> attribute should be equal to the input <code>id<\/code> attribute used by an <code>&lt;input&gt;<\/code> element.<\/p>\n\n\n\n<p>You can also place an <code>&lt;input&gt;<\/code> field inside a label to associate the input form with the label, instead of using the <code>for<\/code> attribute. The syntax for this is as follows:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;label&gt;Label contents\n\t&lt;input type=\"text\"&gt;\n&lt;\/label&gt;<\/pre><\/div>\n\n\n\n<p>The HTML <code>&lt;label&gt;<\/code> tag supports all global attributes in HTML. In addition, the <code>&lt;label&gt;<\/code> tag is supported in all major browsers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Label Examples<\/h2>\n\n\n\n<p>Suppose we are creating a web form field that asks a user for their email address.<\/p>\n\n\n\n<p>We want the form field to appear with the label <code>What is your email address?<\/code> There are two approaches we could use to accomplish this task: use the <code>for<\/code> attribute or use a nested label.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">for Attribute<\/h3>\n\n\n\n<p>We could use the following code to add this label to an input field using the <code>for<\/code> attribute:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;label for=\"email_address\"&gt;What is your email address?&lt;\/label&gt;&lt;br \/&gt;\n&lt;input type=\"text\" id=\"email_address\"&gt;<\/pre><\/div>\n\n\n\n<p>Our code returns the following:<\/p>\n\n\n\n<label for=\"email_address\">What is your email address?<\/label><br>\n<input type=\"text\" id=\"email_address\">\n\n\n\n<p>Let\u2019s break down our code.<\/p>\n\n\n\n<p>On the first line, we have used a <code>&lt;label&gt;<\/code> tag to add the label <code>What is your email address?<\/code> to our web form. We specified the <code>for<\/code> attribute and assigned it the value <code>email_address<\/code>, which links the label to our form field with the id <code>email_address<\/code>.<\/p>\n\n\n\n<p>At the end of the line, we used a <code>&lt;br \/&gt;<\/code> tag to insert a blank horizontal line into our code.<\/p>\n\n\n\n<p>On the next line, we created a text input field using the <code>&lt;input&gt;<\/code> tag. This input field has the id <code>email_address<\/code>, which we use to associate the input field with a label.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nested Label<\/h3>\n\n\n\n<p>Alternatively, we can use an <code>&lt;input&gt;<\/code> tag nested in a <code>&lt;label&gt;<\/code> tag to create our label. Here\u2019s the code we would use to create a nested label for our above web form:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;label&gt;What is your email address?&lt;br \/&gt;\n\t&lt;input type=\"text\"\/&gt;\n&lt;\/label&gt;<\/pre><\/div>\n\n\n\n<p>Our code returns:<\/p>\n\n\n\n<label>What is your email address?<br>\n\t<input type=\"text\">\n<\/label>\n\n\n\n<p>Our form is visually the same as our first example. However, in this example, we do not use the <code>for<\/code> attribute to link our label to our form. Instead, we place our <code>&lt;input&gt;<\/code> tag inside of a <code>&lt;label&gt;<\/code> tag, which links the two HTML tags together.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Label Accessibility<\/h2>\n\n\n\n<p>There are a few accessibility notes you should keep in mind as you are designing a label using the <code>&lt;label&gt;<\/code> tag.<\/p>\n\n\n\n<p>First, headings should not be placed within a <code>&lt;label&gt;<\/code> tag. This is because heading elements inside <code>&lt;label&gt;<\/code> tags can interfere with screen reading technologies and other tools used to promote web accessibility. So, if you want to add a heading to a form label, you should do so outside of any <code>&lt;label&gt;<\/code> tags.<\/p>\n\n\n\n<p>Second, you should not place any buttons or links inside a <code>&lt;label&gt;<\/code> tag. This is because interactive elements inside a <code>&lt;label&gt;<\/code> tag can make it confusing for the user to understand how the web form works. If a button is available inside a <code>&lt;label&gt;<\/code>, for example, it may make the user think they need to click the button to interact with the web form.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The HTML <code>&lt;label&gt;<\/code> tag is used to create form labels. These labels are linked to a particular web form, and, when clicked, allow the user to engage with a form.&nbsp;<\/p>\n\n\n\n<p>This tutorial walked through, with reference to examples, how to use the HTML <code>&lt;label&gt;<\/code> tag to add labels to a form element, as well as accessibility concerns associated with the <code>&lt;label&gt;<\/code> tag. Now you have the knowledge you need to start working with labels in HTML like a pro!<\/p>\n","protected":false},"excerpt":{"rendered":"The HTML label tag is used to define a caption for an element in an HTML form. It's accessed with the &lt;label&gt; tag, and are linked to a particular web form. When clicked they allow the user to engage with a form.&nbsp; When you\u2019re creating forms in HTML, you may decide that you want to&hellip;","protected":false},"author":240,"featured_media":13856,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17281],"tags":[],"class_list":{"0":"post-13854","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":"","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 Label: A Step-by-Step Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"The HTML tag is used to add a caption to an element in a web form. On Career Karma, learn how to use the tag.\" \/>\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-label\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Label: A Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"The HTML tag is used to add a caption to an element in a web form. On Career Karma, learn how to use the tag.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/html-label\/\" \/>\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-04-23T06:47:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T10:43:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/apartment-apple-business-chair-245032-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/\"},\"author\":{\"name\":\"James Gallagher\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\"},\"headline\":\"HTML Label: A Step-by-Step Guide\",\"datePublished\":\"2020-04-23T06:47:23+00:00\",\"dateModified\":\"2023-12-01T10:43:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/\"},\"wordCount\":900,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/apartment-apple-business-chair-245032-1.jpg\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/\",\"name\":\"HTML Label: A Step-by-Step Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/apartment-apple-business-chair-245032-1.jpg\",\"datePublished\":\"2020-04-23T06:47:23+00:00\",\"dateModified\":\"2023-12-01T10:43:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\"},\"description\":\"The HTML tag is used to add a caption to an element in a web form. On Career Karma, learn how to use the tag.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/apartment-apple-business-chair-245032-1.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/apartment-apple-business-chair-245032-1.jpg\",\"width\":1020,\"height\":680},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-label\\\/#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 Label: 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 Label: A Step-by-Step Guide | Career Karma","description":"The HTML tag is used to add a caption to an element in a web form. On Career Karma, learn how to use the tag.","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-label\/","og_locale":"en_US","og_type":"article","og_title":"HTML Label: A Step-by-Step Guide","og_description":"The HTML tag is used to add a caption to an element in a web form. On Career Karma, learn how to use the tag.","og_url":"https:\/\/careerkarma.com\/blog\/html-label\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-04-23T06:47:23+00:00","article_modified_time":"2023-12-01T10:43:55+00:00","og_image":[{"width":1020,"height":680,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/apartment-apple-business-chair-245032-1.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/html-label\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/html-label\/"},"author":{"name":"James Gallagher","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"headline":"HTML Label: A Step-by-Step Guide","datePublished":"2020-04-23T06:47:23+00:00","dateModified":"2023-12-01T10:43:55+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-label\/"},"wordCount":900,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-label\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/apartment-apple-business-chair-245032-1.jpg","articleSection":["HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/html-label\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/html-label\/","url":"https:\/\/careerkarma.com\/blog\/html-label\/","name":"HTML Label: A Step-by-Step Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-label\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-label\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/apartment-apple-business-chair-245032-1.jpg","datePublished":"2020-04-23T06:47:23+00:00","dateModified":"2023-12-01T10:43:55+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"description":"The HTML tag is used to add a caption to an element in a web form. On Career Karma, learn how to use the tag.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/html-label\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/html-label\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/html-label\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/apartment-apple-business-chair-245032-1.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/apartment-apple-business-chair-245032-1.jpg","width":1020,"height":680},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/html-label\/#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 Label: 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\/13854","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=13854"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/13854\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/13856"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=13854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=13854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=13854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}