{"id":947,"date":"2011-09-01T18:18:18","date_gmt":"2011-09-01T18:18:18","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/09\/01\/basic-html-attributes\/"},"modified":"2021-08-16T23:52:54","modified_gmt":"2021-08-17T03:52:54","slug":"basic-html-attributes","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/","title":{"rendered":"HTML Attributes: Using attributes in HTML tags"},"content":{"rendered":"

In HTML, each tag<\/a> can have different attributes applied. Attributes allow the HTML tags to have specific properties added to them. You can assign a “class<\/em>” to either reuse styles throughout your website or style your elements with the “style<\/em>” attribute. Don’t worry about how the style and class attributes work at this moment, this will be discussed further in our Using & Understanding CSS course.<\/p>\n

Basic HTML attributes<\/h2>\n

The following example explains how an <a><\/code> anchor tag uses the attributes “href<\/em><\/span>“, “target<\/em><\/span>“, and “title<\/em><\/span>“.<\/p>\n

<a href=\"https:\/\/google.com\"<\/span> target=\"_blank\"<\/span> title=\"Click Here\"<\/span>><\/pre>\n
In this example, the anchor is a hyperlink to Google.com. The href attribute will direct the visitor to Google. The target attribute will open the link in a different window or the same window. In this case _blank opens to a new window or tab. The title attribute will display text when hovering over the link. Below is a small list of common attributes used and a description. Below are the most commonly used HTML attributes.<\/p>\n\n\n\n\n\n\n\n\n\n\n
Most common HTML Attributes<\/th>\n<\/tr>\n
class<\/th>\nThis attribute is used to apply CSS styles in a style sheet. For example: <p class=\"paragraph\"><\/p>.<\/code><\/td>\n<\/tr>\n
style<\/th>\nAllows CSS style to be applied to a specific element. An example usage of this is the following: <p style=\"color: #000000\"><\/p>.<\/code><\/td>\n<\/tr>\n
id<\/th>\nThis is a particular identifier of the element. This can only be used once per element. For example: <p id=\"para1\"><\/p>.<\/code><\/td>\n<\/tr>\n
title<\/th>\nThe title codes information in the tag about the tag. For example in an <a><\/code> anchor tag, you can use the title attribute to allow a small text pop up when the mouse is hovers over the anchor. For example: <a href=\"\" title=\"Click Here\"><\/a><\/code><\/td>\n<\/tr>\n
name<\/th>\nThis gives the element a name. This is different than the title in that the name is not seen by the visitor. The most common use of this is in the <a><\/code> anchor tag. The name will navigate the visitor to a specific place on the page. For example: <a name=\"this-page-location\"><\/a><\/code>. This will navigate your browser to the location of this anchor when you visit the url in the browser like the following: https:\/\/example.com\/#this-page-location<\/code><\/td>\n<\/tr>\n
width<\/th>\nThe width attribute can be used in elements that support dimensions. For example: <div width=\"100\"><\/div><\/code><\/td>\n<\/tr>\n
align<\/th>\nThe align attribute tells the browser if the text is centered, left, or right aligned. For example: <div align=\"left\"><\/div><\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
These attributes are used most often to style and label your HTML tags. You can add or remove attributes as needed for the tag to function how you want.<\/p>\n
HTML Attribute reference<\/h2>\n
Below is an more exhaustive reference and their correlating tags they are used for.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
attribute<\/th>\nSupported Elements<\/th>\n<\/tr>\n
abbr<\/td>\n<td> <th><\/code><\/td>\n<\/tr>\n
accept-charset<\/td>\n<form><\/code><\/td>\n<\/tr>\n
accept<\/td>\n<form><\/code> <input><\/code><\/td>\n<\/tr>\n
accesskey<\/td>\n<a> <area> <button> <input> <label> <legend> <textarea><\/code><\/td>\n<\/tr>\n
action<\/td>\n<form><\/code><\/td>\n<\/tr>\n
align<\/td>\n<caption> <iframe> <img> <input> <object> <legend> <table> <hr> <div> <h1> <h2> <h3> <p> <col> <colgroup> <tbody> <td> <tfoot> <th> <thead> <tr><\/code><\/td>\n<\/tr>\n
alink<\/td>\n<body><\/code><\/td>\n<\/tr>\n
alt<\/td>\n<applet><\/code> <area><\/code> <img> <input><\/code><\/td>\n<\/tr>\n
archive<\/td>\n<applet> <object><\/code><\/td>\n<\/tr>\n
axis<\/td>\n<td><\/code> <th><\/code><\/td>\n<\/tr>\n
background<\/td>\n<tbody<\/code><\/td>\n<\/tr>\n
bgcolor<\/td>\n<table><\/code> <tr><\/code> <td><\/code> <th><\/code> <body><\/code><\/td>\n<\/tr>\n
border<\/td>\n<table><\/code> <img><\/code> <object><\/code><\/td>\n<\/tr>\n
cellpadding<\/td>\n<table><\/code><\/td>\n<\/tr>\n
char<\/td>\n<col><\/code> <colgroup><\/code> <tbody><\/code> <td><\/code> <tfoot><\/code> <th><\/code> <thead><\/code> <tr><\/code><\/td>\n<\/tr>\n
charoff<\/td>\n<col><\/code> <colgroup><\/code> <tbody><\/code> <td><\/code> <tfoot><\/code> <th><\/code> <thead><\/code> <tr><\/code><\/td>\n<\/tr>\n
charset<\/td>\n<a><\/code> <link><\/code> <script><\/code><\/td>\n<\/tr>\n
checked<\/td>\n<input><\/code><\/td>\n<\/tr>\n
cite<\/td>\n<blockquot> <q> <del> <ins><\/code><\/td>\n<\/tr>\n
class<\/td>\nMost Elements<\/td>\n<\/tr>\n
classid<\/td>\n<object><\/code><\/td>\n<\/tr>\n
clear<\/td>\n<br><\/code><\/td>\n<\/tr>\n
code<\/td>\n<applet><\/code><\/td>\n<\/tr>\n
codebase<\/td>\n<applet><\/code> <object><\/code><\/td>\n<\/tr>\n
codetype<\/td>\n<object><\/code><\/td>\n<\/tr>\n
color<\/td>\n<basefont><\/code> <font><\/code><\/td>\n<\/tr>\n
cols<\/td>\n<frameset><\/code> <textarea><\/code><\/td>\n<\/tr>\n
colspan<\/td>\n<th><\/code> <td><\/code><\/td>\n<\/tr>\n
compact<\/td>\n<applet> <dir> <dl> <menu> <ol> <ul><\/code><\/td>\n<\/tr>\n
content<\/td>\n<meta><\/code><\/td>\n<\/tr>\n
coords<\/td>\n<area><\/code> <a><\/code><\/td>\n<\/tr>\n
data<\/td>\n<object><\/code><\/td>\n<\/tr>\n
datetime<\/td>\n<del><\/code> <ins><\/code><\/td>\n<\/tr>\n
declare<\/td>\n<object><\/code><\/td>\n<\/tr>\n
defer<\/td>\n<script><\/code><\/td>\n<\/tr>\n
dir<\/td>\nMost Elements<\/td>\n<\/tr>\n
disabled<\/td>\n<button><\/code> <input><\/code> <optgtoup><\/code> <option><\/code> <select><\/code> <textarea><\/code><\/td>\n<\/tr>\n
enctype<\/td>\n<form><\/code><\/td>\n<\/tr>\n
face<\/td>\n<basefont><\/code> <font><\/code><\/td>\n<\/tr>\n
for<\/td>\n<label><\/code><\/td>\n<\/tr>\n
frame<\/td>\n<table><\/code><\/td>\n<\/tr>\n
frameborder<\/td>\n<frame><\/code> <iframe><\/code><\/td>\n<\/tr>\n
headers<\/td>\n<th><\/code> <td><\/code><\/td>\n<\/tr>\n
height<\/td>\n<iframe> <td> <th> <img> <object> <applet><\/code><\/td>\n<\/tr>\n
href<\/td>\n<a><\/code> <area><\/code> <link> <base><\/code><\/td>\n<\/tr>\n
hreflang<\/td>\n<a><\/code> <link><\/code><\/td>\n<\/tr>\n
hspace<\/td>\n<applet><\/code> <img><\/code> <object><\/code><\/td>\n<\/tr>\n
http-equiv<\/td>\n<meta><\/code><\/td>\n<\/tr>\n
id<\/td>\nMost Elements<\/td>\n<\/tr>\n
ismap<\/td>\n<img><\/code> <input><\/code><\/td>\n<\/tr>\n
label<\/td>\n<option><\/code> <optgroup><\/code><\/td>\n<\/tr>\n
lang<\/td>\nMost Elements<\/td>\n<\/tr>\n
language<\/td>\n<script><\/code><\/td>\n<\/tr>\n
link<\/td>\n<body><\/code><\/td>\n<\/tr>\n
longdesc<\/td>\n<img><\/code> <frame><\/code> <iframe><\/code><\/td>\n<\/tr>\n
marginheight<\/td>\n<frame><\/code> <iframe><\/code><\/td>\n<\/tr>\n
marginwidth<\/td>\n<frame><\/code> <iframe><\/code><\/td>\n<\/tr>\n
maxlength<\/td>\n<input><\/code><\/td>\n<\/tr>\n
media<\/td>\n<style> <link><\/code><\/td>\n<\/tr>\n
method<\/td>\n<form><\/code><\/td>\n<\/tr>\n
multiple<\/td>\n<select><\/code><\/td>\n<\/tr>\n
name<\/td>\n<button><\/code> <textarea> <applet> <select> <form> <frame> <iframe> <img> <a> <input> <objext> <map> <param> <meta><\/code><\/td>\n<\/tr>\n
nohref<\/td>\n<area><\/code><\/td>\n<\/tr>\n
noresize<\/td>\n<frame><\/code><\/td>\n<\/tr>\n
noshade<\/td>\n<hr><\/code><\/td>\n<\/tr>\n
nowrap<\/td>\n<th><\/code> <td><\/code><\/td>\n<\/tr>\n
object<\/td>\n<applet><\/code><\/td>\n<\/tr>\n
onblur<\/td>\n<a> <area> <button> <input> <label> <select> <textarea><\/code><\/td>\n<\/tr>\n
onchange<\/td>\n<input> <select> <textarea><\/code><\/td>\n<\/tr>\n
onclick<\/td>\nMost Elements<\/td>\n<\/tr>\n
ondblclick<\/td>\nMost Elements<\/td>\n<\/tr>\n
onfocus<\/td>\n<a> <area> <button> <input> <label> <select> <textarea><\/code><\/td>\n<\/tr>\n
onkeydown<\/td>\nMost Elements<\/td>\n<\/tr>\n
onkeypress<\/td>\nMost Elements<\/td>\n<\/tr>\n
onkeyup<\/td>\nMost Elements<\/td>\n<\/tr>\n
onload<\/td>\n<frameset> <body><\/code><\/td>\n<\/tr>\n
onmousedown<\/td>\nMost Elements<\/td>\n<\/tr>\n
onmousemove<\/td>\nMost Elements<\/td>\n<\/tr>\n
onmouseout<\/td>\nMost Elements<\/td>\n<\/tr>\n
onmouseover<\/td>\nMost Elements<\/td>\n<\/tr>\n
onmouseup<\/td>\nMost Elements<\/td>\n<\/tr>\n
onreset<\/td>\n<form><\/code><\/td>\n<\/tr>\n
onselect<\/td>\n<nput><\/code> <textarea><\/code><\/td>\n<\/tr>\n
onsubmit<\/td>\n<form><\/code><\/td>\n<\/tr>\n
onunload<\/td>\n<frameset> <body><\/code><\/td>\n<\/tr>\n
profile<\/td>\n<head><\/code><\/td>\n<\/tr>\n
prompt<\/td>\n<bisindexody><\/code><\/td>\n<\/tr>\n
readonly<\/td>\n<textarea><\/code> <input><\/code><\/td>\n<\/tr>\n
rel<\/td>\n<a><\/code> <link><\/code><\/td>\n<\/tr>\n
rev<\/td>\n<a><\/code> <link><\/code><\/td>\n<\/tr>\n
rows<\/td>\n<frameset><\/code> <textarea><\/code><\/td>\n<\/tr>\n
rowspan<\/td>\n<th><\/code> <td><\/code><\/td>\n<\/tr>\n
rules<\/td>\n<table><\/code><\/td>\n<\/tr>\n
scheme<\/td>\n<meta><\/code><\/td>\n<\/tr>\n
scope<\/td>\n<th><\/code> <td><\/code><\/td>\n<\/tr>\n
scrolling<\/td>\n<frame><\/code> <iframe><\/code><\/td>\n<\/tr>\n
selected<\/td>\n<option><\/code><\/td>\n<\/tr>\n
shape<\/td>\n<a><\/code> <area><\/code><\/td>\n<\/tr>\n
size<\/td>\n<hr> <font> <input> <basefont> <select><\/code><\/td>\n<\/tr>\n
span<\/td>\n<col><\/code> <colgroup><\/code><\/td>\n<\/tr>\n
src<\/td>\n<script> <input> <frame> <iframe> <img><\/code><\/td>\n<\/tr>\n
standby<\/td>\n<object><\/code><\/td>\n<\/tr>\n
start<\/td>\n<ol><\/code><\/td>\n<\/tr>\n
style<\/td>\nMost Elements<\/td>\n<\/tr>\n
summary<\/td>\n<table><\/code><\/td>\n<\/tr>\n
tabindex<\/td>\n <a> <area> <button> <input> <object> <select> <textarea><\/code><\/td>\n<\/tr>\n
target<\/td>\n<a> <area> <base> <form> <link><\/code><\/td>\n<\/tr>\n
text<\/td>\n<body><\/code><\/td>\n<\/tr>\n
title<\/td>\nMost Elements<\/td>\n<\/tr>\n
type<\/td>\n<a><\/code> <link><\/code> <object><\/code> <param><\/code> <script><\/code> <style><\/code> <input><\/code> <li> <ol> <ul> <button><\/code><\/td>\n<\/tr>\n
usemap<\/td>\n<img><\/code> <input><\/code> <object><\/code><\/td>\n<\/tr>\n
valign<\/td>\n<col> <colgroup> <tbody> <td> <tfoot> <th> <thead> <tr><\/code><\/td>\n<\/tr>\n
value<\/td>\n<input> <option> <param> <button> <li><\/code><\/td>\n<\/tr>\n
valuetype<\/td>\n<param><\/code><\/td>\n<\/tr>\n
version<\/td>\n<html><\/code><\/td>\n<\/tr>\n
vlink<\/td>\n<body><\/code><\/td>\n<\/tr>\n
vspace<\/td>\n<applet><\/code> <image><\/code> <object> <iframe> <img> <object> <table> <col> <col> <col> <col> <col><\/code><\/td>\n<\/tr>\n
width<\/td>\n<hr> <iframe> <img> <object> <table> <td> <th> <applet> <col> <colgroup><\/code><\/td>\n<\/tr>\n
widthpre<\/td>\n<col><\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
In HTML, each tag can have different attributes applied. Attributes allow the HTML tags to have specific properties added to them. You can assign a “class” to either reuse styles throughout your website or style your elements with the “style” attribute. Don’t worry about how the style and class attributes work at this moment, this 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-947","post","type-post","status-publish","format-standard","hentry","category-website"],"acf":[],"yoast_head":"\nHTML Attributes: Using attributes in HTML tags<\/title>\n<meta name=\"description\" content=\"You can change the color in which text is displayed on your website. Learn how to style text using HTML.\" \/>\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\/basic-html-attributes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Attributes: Using attributes in HTML tags\" \/>\n<meta property=\"og:description\" content=\"You can change the color in which text is displayed on your website. Learn how to style text using HTML.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/\" \/>\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:18:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:52:54+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=\"8 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\/basic-html-attributes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"HTML Attributes: Using attributes in HTML tags\",\"datePublished\":\"2011-09-01T18:18:18+00:00\",\"dateModified\":\"2021-08-17T03:52:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/\"},\"wordCount\":569,\"commentCount\":3,\"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\/basic-html-attributes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/\",\"name\":\"HTML Attributes: Using attributes in HTML tags\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"datePublished\":\"2011-09-01T18:18:18+00:00\",\"dateModified\":\"2021-08-17T03:52:54+00:00\",\"description\":\"You can change the color in which text is displayed on your website. Learn how to style text using HTML.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Attributes: Using attributes in 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 & 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":"HTML Attributes: Using attributes in HTML tags","description":"You can change the color in which text is displayed on your website. Learn how to style text using HTML.","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\/basic-html-attributes\/","og_locale":"en_US","og_type":"article","og_title":"HTML Attributes: Using attributes in HTML tags","og_description":"You can change the color in which text is displayed on your website. Learn how to style text using HTML.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2011-09-01T18:18:18+00:00","article_modified_time":"2021-08-17T03:52:54+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":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"HTML Attributes: Using attributes in HTML tags","datePublished":"2011-09-01T18:18:18+00:00","dateModified":"2021-08-17T03:52:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/"},"wordCount":569,"commentCount":3,"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\/basic-html-attributes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/","name":"HTML Attributes: Using attributes in HTML tags","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"datePublished":"2011-09-01T18:18:18+00:00","dateModified":"2021-08-17T03:52:54+00:00","description":"You can change the color in which text is displayed on your website. Learn how to style text using HTML.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/basic-html-attributes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"HTML Attributes: Using attributes in 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 & 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\/947","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=947"}],"version-history":[{"count":3,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/947\/revisions"}],"predecessor-version":[{"id":86607,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/947\/revisions\/86607"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}