{"id":33,"date":"2017-01-16T18:26:59","date_gmt":"2017-01-16T18:26:59","guid":{"rendered":"http:\/\/learnlearn.uk\/html\/?page_id=33"},"modified":"2017-01-16T22:53:24","modified_gmt":"2017-01-16T22:53:24","slug":"adding-styles-text-images","status":"publish","type":"page","link":"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/","title":{"rendered":"Adding styles to text and images"},"content":{"rendered":"\n<div class=\"arconix-tabs-horizontal\"><ul class=\"arconix-tabs\"><li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-InlineStyles\"><a class=\"\" href=\"#tab-InlineStyles\">Inline Styles<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-textstyles\"><a class=\"\" href=\"#tab-textstyles\">text styles<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-images\"><a class=\"\" href=\"#tab-images\">images<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-backgroundimages\"><a class=\"\" href=\"#tab-backgroundimages\">background images<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-Challenge1\"><a class=\"\" href=\"#tab-Challenge1\">Challenge 1<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-1\"><a class=\"\" href=\"#tab-1\">1<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-2\"><a class=\"\" href=\"#tab-2\">2<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-3\"><a class=\"\" href=\"#tab-3\">3<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-4\"><a class=\"\" href=\"#tab-4\">4<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-5\"><a class=\"\" href=\"#tab-5\">5<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-6\"><a class=\"\" href=\"#tab-6\">6<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-7\"><a class=\"\" href=\"#tab-7\">7<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-8\"><a class=\"\" href=\"#tab-8\">8<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-9\"><a class=\"\" href=\"#tab-9\">9<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-10\"><a class=\"\" href=\"#tab-10\">10<\/a><\/li><\/ul>\n<div class=\"arconix-panes\"><div class=\"arconix-pane pane-InlineStyles\">\n<h2><span style=\"color: #999999;\">&lt;tag<\/span> style = &#8216;<span style=\"color: #800080;\">name<\/span>:<span style=\"color: #3366ff;\">value<\/span><span>&#8216;<\/span><span style=\"color: #999999;\">&gt;<\/span><\/h2>\n<p>Inline styles are styles that appear inside of tag definitions and change just one part of a web page. Each style consists of the name of the style and the value.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n<\/div>\n<div class=\"arconix-pane pane-textstyles\">\n<\/div>\n<div class=\"arconix-pane pane-images\">\n<\/div>\n<div class=\"arconix-pane pane-backgroundimages\">\n<\/div>\n<div class=\"arconix-pane pane-Challenge1\">\n<\/div>\n<div class=\"arconix-pane pane-1\">\n<p>Blue text font<\/p>\n<\/div>\n<div class=\"arconix-pane pane-2\">\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"arconix-pane pane-3\">\n<\/div>\n<div class=\"arconix-pane pane-4\">\n<\/div>\n<div class=\"arconix-pane pane-5\">\n<\/div>\n<div class=\"arconix-pane pane-6\">\n<\/div>\n<div class=\"arconix-pane pane-7\">\n<\/div>\n<div class=\"arconix-pane pane-8\">\n<\/div>\n<div class=\"arconix-pane pane-9\">\n<p>Center aligned text<\/p>\n<\/div>\n<div class=\"arconix-pane pane-10\">\n<p>Gradient Background<\/p>\n<\/div><\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding styles to text and images - HTML &amp; CSS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding styles to text and images - HTML &amp; CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML &amp; CSS\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-16T22:53:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/\",\"url\":\"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/\",\"name\":\"Adding styles to text and images - HTML &amp; CSS\",\"isPartOf\":{\"@id\":\"https:\/\/learnlearn.uk\/html\/#website\"},\"datePublished\":\"2017-01-16T18:26:59+00:00\",\"dateModified\":\"2017-01-16T22:53:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/learnlearn.uk\/html\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding styles to text and images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnlearn.uk\/html\/#website\",\"url\":\"https:\/\/learnlearn.uk\/html\/\",\"name\":\"HTML &amp; CSS\",\"description\":\"Just another My Blog site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnlearn.uk\/html\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding styles to text and images - HTML &amp; CSS","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:\/\/learnlearn.uk\/html\/adding-styles-text-images\/","og_locale":"en_GB","og_type":"article","og_title":"Adding styles to text and images - HTML &amp; CSS","og_url":"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/","og_site_name":"HTML &amp; CSS","article_modified_time":"2017-01-16T22:53:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/","url":"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/","name":"Adding styles to text and images - HTML &amp; CSS","isPartOf":{"@id":"https:\/\/learnlearn.uk\/html\/#website"},"datePublished":"2017-01-16T18:26:59+00:00","dateModified":"2017-01-16T22:53:24+00:00","breadcrumb":{"@id":"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnlearn.uk\/html\/adding-styles-text-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/learnlearn.uk\/html\/"},{"@type":"ListItem","position":2,"name":"Adding styles to text and images"}]},{"@type":"WebSite","@id":"https:\/\/learnlearn.uk\/html\/#website","url":"https:\/\/learnlearn.uk\/html\/","name":"HTML &amp; CSS","description":"Just another My Blog site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnlearn.uk\/html\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"learnlearnadmin","author_link":"https:\/\/learnlearn.uk\/html\/author\/learnlearnadmin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/learnlearn.uk\/html\/wp-json\/wp\/v2\/pages\/33"}],"collection":[{"href":"https:\/\/learnlearn.uk\/html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnlearn.uk\/html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/html\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":0,"href":"https:\/\/learnlearn.uk\/html\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/learnlearn.uk\/html\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}