{"id":12440,"date":"2020-04-20T16:21:15","date_gmt":"2020-04-20T23:21:15","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=12440"},"modified":"2023-12-01T02:42:41","modified_gmt":"2023-12-01T10:42:41","slug":"html-button","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/html-button\/","title":{"rendered":"HTML Button: Step-by-Step Guide"},"content":{"rendered":"\n

The HTML button tag is used to create a clickable button within an HTML form. It lets a user to submit information in a form to a website. The button’s style can be controlled with CSS. <\/em><\/p>\n\n\n\n

\n\n\n\n

When you\u2019re creating a form on a web page, you will need to create a clickable button so that a user can submit a form. For example, you may have an order form on an ecommerce site that collects delivery information from a user. After the user has filled in the forms, there should be a button for them to click to submit their information.<\/p>\n\n\n\n

That\u2019s where the HTML<\/code> <button><\/code> tag comes in. The button tag is used in HTML to create a clickable button within an HTML form and enables a user to submit information in a form to a website.<\/p>\n\n\n\n

In this tutorial, we are going to discuss how to use the <button><\/code> tag in HTML<\/code>. We\u2019ll also discuss the attributes you can use to create a custom button, and explore a few examples of these attributes in action.<\/p>\n\n\n\n

HTML Form Refresher<\/h2>\n\n\n\n

HTML<\/code> Forms are used to collect different types of user input, such as names, phone numbers, or addresses, on a web page.<\/p>\n\n\n\n

Each form contains input elements that allow users to submit information to the website. For example, a web page may have an order form that contains form elements to collect a user\u2019s name, date of birth, credit card information, and more.<\/p>\n\n\n\n

The <form><\/code> tag is used to create a form in HTML<\/code>. Here\u2019s a simple example of the <form><\/code> tag being used to create a form that collects a user\u2019s name: <\/p>\n\n\n\n

<form>\n\tName: <input type=\"text\">\n<\/form><\/pre><\/div>\n\n\n\n
A form tag may include multiple <input><\/code> tags, or other user input elements such as select boxes. In addition, a form must include a <button><\/code> tag which, when clicked, will submit a user\u2019s information to the website.<\/p>\n\n\n\n
HTML Button<\/h2>\n\n\n\n
The <button><\/code> tag allows you to create a clickable button within an HTML<\/code> form. For example, if you have a form that collects payment information, you may have a <button><\/code> at the end of the form so that a user can submit that data to your site.<\/p>\n\n\n\n
The <button><\/code> tag must have a start and end tag, and should also include a value for the type<\/code> attribute. The type<\/code> attribute, as we will discuss later, tells the form what type of button should be rendered.<\/p>\n\n\n\n
Here\u2019s an example of the HTML<\/code> <button><\/code> tag in action:<\/p>\n\n\n\n
<button type=\"submit\" value=\"Sign Up\">Sign Up<\/button><\/pre><\/div>\n\n\n\n
Here\u2019s how our button appears on a web page:<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
Now that we have a button on our web page, a user would be able to submit the information they entered into the form they had filled out.<\/p>\n\n\n\n
The <button><\/code> tag is supported in all major browsers, which means you can use it without worrying about browser compatibility. However, it\u2019s worth noting that different browsers interpret the <button><\/code> tag differently. For example, Internet Explorer, before version 9, will submit the text between the opening and closing tag of the <button><\/code> element, whereas other browsers send the contents of the value<\/code> attribute.<\/p>\n\n\n\n
HTML Button Tag Attributes<\/h2>\n\n\n\n
The HTML<\/code> <button><\/code> tag includes a number of attributes which can be used to create a custom button. In addition, the <button><\/code> tag supports the global attributes in HTML5<\/code>. Let\u2019s explore the main HTML<\/code> <button><\/code> tag attributes in depth.<\/p>\n\n\n\n
Autofocus<\/h3>\n\n\n\n
The autofocus<\/code> attribute is used to specify that a button should automatically receive focus when the web page is loaded. Here\u2019s the syntax for the autofocus<\/code> attribute:<\/p>\n\n\n\n
<button type=\"submit\" autofocus>Test Button!<\/button><\/pre><\/div>\n\n\n\n
Disabled<\/h3>\n\n\n\n
The disabled<\/code> attribute disables the button, which means that users cannot interact with the element. Here\u2019s the syntax for the disabled<\/code> attribute:<\/p>\n\n\n\n
<button type=\"submit\" disabled>Test Button!<\/button><\/pre><\/div>\n\n\n\n
As you can see below, our button is greyed out and cannot be clicked:<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
Form<\/h3>\n\n\n\n
The form<\/code> attribute is used to link a button element to a form. The value of the form<\/code> attribute should be equal to the id<\/code> of the form to which the form relates. Here\u2019s an example of the form attribute linking the submit button to our pizza<\/code> form: <\/p>\n\n\n\n
<form id=\"pizza\">\n\tFlavor: <input type=\"text\" name=\"flavor\">\n<\/form>\n<button type=\"submit\" form=\"pizza\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
The form<\/code> attribute has linked our button to the form with the id value pizza<\/code>. So, when we click our button, our form with the id pizza<\/code> will be submitted. <\/p>\n\n\n\n
Formaction<\/h3>\n\n\n\n
formaction<\/code> specifies the URL of a program that will process the information submitted by the button. This attribute can only be used if the type<\/code> attribute in your button is equal to submit<\/code>.<\/p>\n\n\n\n
Here\u2019s an example of the formaction<\/code> attribute in use:<\/p>\n\n\n\n
<button type=\"submit\" formaction=\"https:\/\/www.ourpizzawebsite.com\/submitOrder.php\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
Formenctype<\/h3>\n\n\n\n
The formenctype<\/code> attribute specifies how the form data should be encoded when it is submitted to the server. This attribute should only be used when using the \u201cmethod=\u2019post\u2019<\/code>\u201d attribute in your form.<\/p>\n\n\n\n
Here\u2019s an example of the formenctype<\/code> attribute being used to send plain text to the server when our button is clicked:<\/p>\n\n\n\n
<button type=\"submit\" formenctype=\"text\/plain\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
Formmethod<\/h3>\n\n\n\n
formmethod<\/code> is used to specify the HTTP<\/code> method the browser will use to submit the form. This attribute should only be used with the \u201ctype=\u2019submit\u2019<\/code>\u201d attribute.<\/p>\n\n\n\n
The two accepted values for the formmethod<\/code> attribute are get<\/code> and post<\/code>. If you want to retrieve information or execute a HTTP<\/code> GET<\/code> function, you should use get<\/code>; if you want to send information or execute a HTTP<\/code> POST<\/code> function, you should use post<\/code>.<\/p>\n\n\n\n
Here\u2019s the syntax for the formmethod<\/code> attribute:<\/p>\n\n\n\n
<button type=\"submit\" formmethod=\"post\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
Formnovalidate<\/h3>\n\n\n\n
formnovalidate<\/code> is used to specify that the form data should not be validated when it is submitted. For example, if you want to accept a user\u2019s input even if they have not filled out all fields, you should use the formnovalidate<\/code> attribute.<\/p>\n\n\n\n
Here\u2019s an example of formnovalidate<\/code> in action:<\/p>\n\n\n\n
<button type=\"submit\" formnovalidate>Submit Order<\/button><\/pre><\/div>\n\n\n\n
Formtarget<\/h3>\n\n\n\n
formtarget<\/code> sets the target location for the response the server sends after the form has been submitted. The accepted values for this attribute are: _blank<\/code>, _self<\/code>, _parent<\/code>, _top<\/code>, or the name of your uframe.<\/p>\n\n\n\n
Here\u2019s the syntax for the formtarget<\/code> attribute:<\/p>\n\n\n\n
<button formtarget=\"_blank\" rel=\"noopener\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
Name<\/h3>\n\n\n\n
The name<\/code> tag is used to specify the name of the button (which should be unique from all other form element names), and uses the following syntax:<\/p>\n\n\n\n
<button name=\"submit_order\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
Type<\/h3>\n\n\n\n
The type<\/code> tag specifies the type of the button. There are three button types that can be used: button<\/code>, submit<\/code>, and reset<\/code>. Here\u2019s the syntax for the type<\/code> tag:<\/p>\n\n\n\n
<button type=\"submit\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
Value<\/h3>\n\n\n\n
The value<\/code> tag specifies the initial value of the button. Here\u2019s the syntax for the value<\/code> tag:<\/p>\n\n\n\n
<button type=\"submit\" value=\"Submit Order\">Submit Order<\/button><\/pre><\/div>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
The <button><\/code> tag can be used to create a clickable button in an HTML<\/code> form. For example, if you have a form that allows a user to place an order for a pizza, you\u2019ll want to have a <button><\/code> tag that enables the user to submit the information about their order when they are ready.<\/p>\n\n\n\n
In this tutorial, we have explored how to use the <button><\/code> tag in HTML<\/code>. We also discussed the main attributes that can be used with the tag to create custom buttons, and explored a few examples of how those attributes can be used.<\/p>\n\n\n\n
Now you\u2019re ready to create buttons using the HTML<\/code> <button><\/code> tag like an expert!<\/p>\n","protected":false},"excerpt":{"rendered":"The HTML button tag is used to create a clickable button within an HTML form. It lets a user to submit information in a form to a website. The button's style can be controlled with CSS. When you\u2019re creating a form on a web page, you will need to create a clickable button so that…","protected":false},"author":240,"featured_media":12594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17281],"tags":[],"class_list":{"0":"post-12440","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":"\nHTML Button: Step-by-Step Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"The HTML button element allows web developers to create a clickable button that can be used to submit a form. Learn more about how to use the button element in HTML on Career Karma.\" \/>\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-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Button: Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"The HTML button element allows web developers to create a clickable button that can be used to submit a form. Learn more about how to use the button element in HTML on Career Karma.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/html-button\/\" \/>\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-20T23:21:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T10:42:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\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-button\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/\"},\"author\":{\"name\":\"James Gallagher\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"headline\":\"HTML Button: Step-by-Step Guide\",\"datePublished\":\"2020-04-20T23:21:15+00:00\",\"dateModified\":\"2023-12-01T10:42:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/\"},\"wordCount\":1095,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/html-button\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/html-button\/\",\"name\":\"HTML Button: Step-by-Step Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg\",\"datePublished\":\"2020-04-20T23:21:15+00:00\",\"dateModified\":\"2023-12-01T10:42:41+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"description\":\"The HTML button element allows web developers to create a clickable button that can be used to submit a form. Learn more about how to use the button element in HTML on Career Karma.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/html-button\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg\",\"width\":1200,\"height\":675,\"caption\":\"html button\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-button\/#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 Button: 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 & 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\/#\/schema\/person\/image\/\",\"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 Button: Step-by-Step Guide | Career Karma","description":"The HTML button element allows web developers to create a clickable button that can be used to submit a form. Learn more about how to use the button element in HTML on Career Karma.","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-button\/","og_locale":"en_US","og_type":"article","og_title":"HTML Button: Step-by-Step Guide","og_description":"The HTML button element allows web developers to create a clickable button that can be used to submit a form. Learn more about how to use the button element in HTML on Career Karma.","og_url":"https:\/\/careerkarma.com\/blog\/html-button\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-04-20T23:21:15+00:00","article_modified_time":"2023-12-01T10:42:41+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.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-button\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/html-button\/"},"author":{"name":"James Gallagher","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"headline":"HTML Button: Step-by-Step Guide","datePublished":"2020-04-20T23:21:15+00:00","dateModified":"2023-12-01T10:42:41+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-button\/"},"wordCount":1095,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg","articleSection":["HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/html-button\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/html-button\/","url":"https:\/\/careerkarma.com\/blog\/html-button\/","name":"HTML Button: Step-by-Step Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg","datePublished":"2020-04-20T23:21:15+00:00","dateModified":"2023-12-01T10:42:41+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"description":"The HTML button element allows web developers to create a clickable button that can be used to submit a form. Learn more about how to use the button element in HTML on Career Karma.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/html-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/html-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/html-button\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-button.jpg","width":1200,"height":675,"caption":"html button"},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/html-button\/#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 Button: 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 & 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\/#\/schema\/person\/image\/","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\/12440","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=12440"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/12440\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/12594"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=12440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=12440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=12440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}