{"id":1560,"date":"2023-07-14T12:30:00","date_gmt":"2023-07-14T12:30:00","guid":{"rendered":"https:\/\/ajmajor.co.uk\/?p=1560"},"modified":"2023-07-14T12:38:59","modified_gmt":"2023-07-14T12:38:59","slug":"starting-off-with-html","status":"publish","type":"post","link":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/","title":{"rendered":"Starting Off With HTML &#8211; A Brief Introduction"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">When you&#8217;re starting off with HTML, you need to understand the basic structure of an HTML document (who&#8217;d have thought it!). It\u2019s really not that tricky once you have the basics sorted. This post is part three of my &#8216;<a href=\"\/index.php\/getting-started-in-coding\/\">Getting Started In Coding<\/a>&#8216; series. It will give you a few tips to start you off on your learning journey with HTML, but is not a tutorial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Basic Structure Of An HTML Document<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">All HTML documents consist of a series of elements, enclosed by their start and end &#8216;tags&#8217;. Tags are generally of the form:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;tag-name&gt;the contents of the element&lt;\/tag-name&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Angle brackets &lt;&gt; enclose the tag. Each tag performs a stylistic and\/or semantic function, informing the browser how to display any enclosed text amongst other things.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every HTML document begins with a doctype declaration, which tells browsers that this is indeed an HTML document. Immediately following will be a pair of starting and closing &#8216;html&#8217; tags which delineate the actual HTML content of the page. For an HTML5 document (don&#8217;t worry about other versions for the moment), it looks something like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n<em>the actual page content goes here...<\/em>\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">The html tags enclose  the &#8216;root&#8217; element of the document. Inside them, the document content itself consists of three main parts, each with their own pair of opening and closing tags: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the head,<\/li>\n\n\n\n<li>the body,<\/li>\n\n\n\n<li>the footer. <\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This gives us something along the lines of:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;!--header content and metadata go here... --&gt;\n&lt;\/head&gt;\n&lt;body&gt;\nthe actual page content goes here...\n&lt;\/body&gt;\n&lt;footer&gt;\nthe footer content goes here...\n&lt;\/footer&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Next we\u2019ll take a quick look at each of those sections in turn.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The &lt;head&gt; Section <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"> The head section primarily contains metadata, information about the document such as its character set, title and author, along with some other housekeeping items (links to styling and script files etc., more on that in a later post). The browser does not display the contents of the head section directly on the page, but uses the information contained in it to correctly process the document.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The &lt;body&gt; Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The body section contains the actual content of the web page. A multitude of inline tags instruct the browser what to do with the enclosed text, images, audio-clips etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An excellent place to begin learning the detail is the MDN &#8216;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\">Structuring The Web With HTML<\/a>&#8216; article. I have listed a few of the basic ones below to give an idea of what to expect:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">The Heading Tags &lt;h1&gt;, &lt;h2&gt; etc<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Unsurprisingly, you use heading tags to define the headings on your page, just like the structure of any other document you might write. Generally you should have a single &lt;h1&gt; to set the main heading of your page, and structure your subheadings accordingly with &lt;h2&gt;, &lt;h3&gt; and further as required. At the risk of sounding obvious, the number in the tag indicates the hierarchical level of the tag, not the index (or order) of the heading tag itself within your document. You will be able to manage the exact styling of your different heading levels when we come to learn about CSS.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h1&gt;The Main Heading&lt;\/h1&gt;\nsome introductory text goes here...\n&lt;h2&gt;The First Sub-heading&lt;\/h2&gt;\nsome text goes here...\n&lt;h2&gt;The Second Sub-heading&lt;\/h2&gt;\nsome more text goes here...\n&lt;h3&gt;A Heading Which Belongs Logically Under The Second Sub-heading&lt;\/h3&gt;\nyet more text goes here...<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You get the idea. It is worth the effort to cultivate the habit early on of being consistent in your use of headings. Some people will use heading tags in any order they like, just because they like how they look. You should avoid this temptation as it is bad practice for a number of reasons.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">The Paragraph Tag &lt;p&gt;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">It will be no surprise to hear that you should enclose the text of your paragraphs in paragraph tags. At the very least the browser will render them on a new line with some degree of indentation to the first line, and additional spacing above and below to set it apart from other elements. As with headings, you will be able to manage the exact styling of your paragraphs when we come to learn about CSS.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;This is my first paragraph. It is quite a short one.&lt;\/p&gt;\n&lt;p&gt;This is my second paragraph. It is also quite short, but slightly less so.&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Some Inline Styling Tags<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">It is very simple to make some stylistic amendments to your text, but there are a couple of pitfalls for beginners which can be avoided with a little explanation.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">&lt;i&gt; vs. &lt;EM&gt;<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Often we choose to italicise text. Usually there is a reason for this, to emphasise it or set it apart from the surrounding text; sometimes it is just a stylistic choice. The &lt;i&gt; tag (short for italic), and the &lt;em&gt; tag (short for emphasis) will both achieve this for you, and beginners are often left wondering what the difference is, or why you need both. The difference is that &lt;em&gt; is a semantic tag, conveying the &#8217;emphasised&#8217; meaning of the enclosed text; screen readers will articulate that text accordingly to convey the emphasis (which they will not for an &lt;i&gt; tag).<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">&lt;B&gt; vs &lt;strong&gt;<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Exactly like the &lt;i&gt; and &lt;em&gt; tags, both &lt;b&gt; and &lt;strong&gt; will draw attention to the enclosed text (usually but not always with a heavier typeface). Only the &lt;strong&gt; will indicate to a screen reader that the text is to be emphasised though.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The &lt;footer&gt; Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The footer section typically contains secondary information about the document such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>author information,<\/li>\n\n\n\n<li>registered company address,<\/li>\n\n\n\n<li>links to social media, <\/li>\n\n\n\n<li>copyright and privacy notices.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In general, you can place things which may not be directly part of the main content of the page, but which you want (or need) your visitor to be aware of, in the footer. This way they are on the page, but &#8216;out of the way&#8217; of your main content. Footers are often styled with smaller typeface and\/or different background colouring to differentiate them from the main body of the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Summary<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Starting off with HTML is not that tricky. There are plenty of good tutorials, courses and reference material available online. The MDN website has an excellent &#8216;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\">Getting Started With The Web<\/a>&#8216; series. There you will find not only an excellent HTML User Guide (referenced above)  but also their must-read &#8216;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\/How_the_Web_works\">How The Web Works<\/a>&#8216; article.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you&#8217;re starting off with HTML, you need to understand the basic structure of an HTML document (who&#8217;d have thought it!). It\u2019s really not that tricky once you have the basics sorted. This post is part three of my &#8216;Getting Started In Coding&#8216; series. It will give you a few tips to start you off &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Starting Off With HTML &#8211; A Brief Introduction&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[17],"tags":[],"class_list":["post-1560","post","type-post","status-publish","format-standard","hentry","category-technical"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Starting Off With HTML - A Brief Introduction<\/title>\n<meta name=\"description\" content=\"Starting off with HTML is really not that tricky; you just need to understand the basic underlying structure of a document.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Starting Off With HTML - A Brief Introduction\" \/>\n<meta property=\"og:description\" content=\"Starting off with HTML is really not that tricky; you just need to understand the basic underlying structure of a document.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/\" \/>\n<meta property=\"og:site_name\" content=\"AJ Major: Web Developer, Outdoor Enthusiast, Dog Lover\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100087890916012\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100087890916012\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-14T12:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-14T12:38:59+00:00\" \/>\n<meta name=\"author\" content=\"ajmajor866@gmail.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ajmajor866@gmail.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/\"},\"author\":{\"name\":\"ajmajor866@gmail.com\",\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/#\\\/schema\\\/person\\\/fa176e3204a5ce51588c35b745e59bad\"},\"headline\":\"Starting Off With HTML &#8211; A Brief Introduction\",\"datePublished\":\"2023-07-14T12:30:00+00:00\",\"dateModified\":\"2023-07-14T12:38:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/\"},\"wordCount\":1012,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/#\\\/schema\\\/person\\\/fa176e3204a5ce51588c35b745e59bad\"},\"articleSection\":[\"Technical\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/\",\"url\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/\",\"name\":\"Starting Off With HTML - A Brief Introduction\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/#website\"},\"datePublished\":\"2023-07-14T12:30:00+00:00\",\"dateModified\":\"2023-07-14T12:38:59+00:00\",\"description\":\"Starting off with HTML is really not that tricky; you just need to understand the basic underlying structure of a document.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/2023\\\/07\\\/14\\\/starting-off-with-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ajmajor.co.uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Starting Off With HTML &#8211; A Brief Introduction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/#website\",\"url\":\"https:\\\/\\\/ajmajor.co.uk\\\/\",\"name\":\"AJ Major: Web Developer, Outdoor Enthusiast, Dog Lover\",\"description\":\"Sharing experiences  of life and work.\",\"publisher\":{\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/#\\\/schema\\\/person\\\/fa176e3204a5ce51588c35b745e59bad\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ajmajor.co.uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/ajmajor.co.uk\\\/#\\\/schema\\\/person\\\/fa176e3204a5ce51588c35b745e59bad\",\"name\":\"ajmajor866@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g\",\"caption\":\"ajmajor866@gmail.com\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g\"},\"sameAs\":[\"https:\\\/\\\/ajmajor.co.uk\",\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100087890916012\",\"https:\\\/\\\/linkedin.com\\\/in\\\/andrew-major-6109a847\"],\"url\":\"https:\\\/\\\/ajmajor.co.uk\\\/index.php\\\/author\\\/ajmajor866gmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Starting Off With HTML - A Brief Introduction","description":"Starting off with HTML is really not that tricky; you just need to understand the basic underlying structure of a document.","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:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/","og_locale":"en_GB","og_type":"article","og_title":"Starting Off With HTML - A Brief Introduction","og_description":"Starting off with HTML is really not that tricky; you just need to understand the basic underlying structure of a document.","og_url":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/","og_site_name":"AJ Major: Web Developer, Outdoor Enthusiast, Dog Lover","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100087890916012","article_author":"https:\/\/www.facebook.com\/profile.php?id=100087890916012","article_published_time":"2023-07-14T12:30:00+00:00","article_modified_time":"2023-07-14T12:38:59+00:00","author":"ajmajor866@gmail.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ajmajor866@gmail.com","Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/#article","isPartOf":{"@id":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/"},"author":{"name":"ajmajor866@gmail.com","@id":"https:\/\/ajmajor.co.uk\/#\/schema\/person\/fa176e3204a5ce51588c35b745e59bad"},"headline":"Starting Off With HTML &#8211; A Brief Introduction","datePublished":"2023-07-14T12:30:00+00:00","dateModified":"2023-07-14T12:38:59+00:00","mainEntityOfPage":{"@id":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/"},"wordCount":1012,"commentCount":0,"publisher":{"@id":"https:\/\/ajmajor.co.uk\/#\/schema\/person\/fa176e3204a5ce51588c35b745e59bad"},"articleSection":["Technical"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/","url":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/","name":"Starting Off With HTML - A Brief Introduction","isPartOf":{"@id":"https:\/\/ajmajor.co.uk\/#website"},"datePublished":"2023-07-14T12:30:00+00:00","dateModified":"2023-07-14T12:38:59+00:00","description":"Starting off with HTML is really not that tricky; you just need to understand the basic underlying structure of a document.","breadcrumb":{"@id":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/14\/starting-off-with-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ajmajor.co.uk\/"},{"@type":"ListItem","position":2,"name":"Starting Off With HTML &#8211; A Brief Introduction"}]},{"@type":"WebSite","@id":"https:\/\/ajmajor.co.uk\/#website","url":"https:\/\/ajmajor.co.uk\/","name":"AJ Major: Web Developer, Outdoor Enthusiast, Dog Lover","description":"Sharing experiences  of life and work.","publisher":{"@id":"https:\/\/ajmajor.co.uk\/#\/schema\/person\/fa176e3204a5ce51588c35b745e59bad"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ajmajor.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/ajmajor.co.uk\/#\/schema\/person\/fa176e3204a5ce51588c35b745e59bad","name":"ajmajor866@gmail.com","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g","caption":"ajmajor866@gmail.com"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/27c5616b038cde09771db2142630ddfc3e24bfc57849b9067dc0905391dfc0d8?s=96&d=mm&r=g"},"sameAs":["https:\/\/ajmajor.co.uk","https:\/\/www.facebook.com\/profile.php?id=100087890916012","https:\/\/linkedin.com\/in\/andrew-major-6109a847"],"url":"https:\/\/ajmajor.co.uk\/index.php\/author\/ajmajor866gmail-com\/"}]}},"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":1653,"url":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/23\/basic-css-concepts-a-beginners-introduction\/","url_meta":{"origin":1560,"position":0},"title":"Basic CSS Concepts: A Beginner&#8217;s Introduction","author":"ajmajor866@gmail.com","date":"July 23, 2023","format":false,"excerpt":"If you've ever wondered how web pages are made beautiful, dynamic, and visually appealing, the answer lies in Cascading Style Sheets (CSS). It is a fundamental web technology that allows developers to control the presentation and layout of HTML documents, making it an essential skill for anyone aspiring to become\u2026","rel":"","context":"In &quot;Technical&quot;","block_context":{"text":"Technical","link":"https:\/\/ajmajor.co.uk\/index.php\/category\/technical\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1448,"url":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/07\/choosing-your-first-programming-language\/","url_meta":{"origin":1560,"position":1},"title":"How To Go About Choosing Your First Programming Language","author":"ajmajor866@gmail.com","date":"July 7, 2023","format":false,"excerpt":"It may seem obvious that web development is the way to go if you want to learn coding. Certainly it is a hugely in-demand skill, but it is by no means the only path available. The safest course is to investigate the plethora of options in a bewildering array of\u2026","rel":"","context":"In &quot;Technical&quot;","block_context":{"text":"Technical","link":"https:\/\/ajmajor.co.uk\/index.php\/category\/technical\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1702,"url":"https:\/\/ajmajor.co.uk\/index.php\/2023\/07\/29\/start-today\/","url_meta":{"origin":1560,"position":2},"title":"Start Today","author":"ajmajor866@gmail.com","date":"July 29, 2023","format":false,"excerpt":"Don\u2019t put off that list,While you wait, it gets bigger.Get started today.","rel":"","context":"In &quot;the year in haiku&quot;","block_context":{"text":"the year in haiku","link":"https:\/\/ajmajor.co.uk\/index.php\/category\/the-year-in-haiku\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":248,"url":"https:\/\/ajmajor.co.uk\/index.php\/2023\/01\/08\/248\/","url_meta":{"origin":1560,"position":3},"title":"A Fresh Start","author":"ajmajor866@gmail.com","date":"January 8, 2023","format":false,"excerpt":"The North Wind blows hard,Sweeping off all before it:A fresh start awaits.","rel":"","context":"In &quot;the year in haiku&quot;","block_context":{"text":"the year in haiku","link":"https:\/\/ajmajor.co.uk\/index.php\/category\/the-year-in-haiku\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2762,"url":"https:\/\/ajmajor.co.uk\/index.php\/2025\/08\/14\/clarity-3\/","url_meta":{"origin":1560,"position":4},"title":"Clarity","author":"ajmajor866@gmail.com","date":"August 14, 2025","format":false,"excerpt":"Plan with claritySilence, vision and structureRole, code, direction","rel":"","context":"In &quot;the year in haiku&quot;","block_context":{"text":"the year in haiku","link":"https:\/\/ajmajor.co.uk\/index.php\/category\/the-year-in-haiku\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1963,"url":"https:\/\/ajmajor.co.uk\/index.php\/2024\/01\/28\/solid-foundations\/","url_meta":{"origin":1560,"position":5},"title":"Solid Foundations","author":"ajmajor866@gmail.com","date":"January 28, 2024","format":false,"excerpt":"Stone by patient stoneLaid on solid foundationsThe structure is built","rel":"","context":"In &quot;the year in haiku&quot;","block_context":{"text":"the year in haiku","link":"https:\/\/ajmajor.co.uk\/index.php\/category\/the-year-in-haiku\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=1560"}],"version-history":[{"count":39,"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1560\/revisions"}],"predecessor-version":[{"id":1603,"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1560\/revisions\/1603"}],"wp:attachment":[{"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=1560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=1560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ajmajor.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}