These are screenshots I took while using a website known as codecademy. It's a tutorial website where you can learn a variety of coding language, typically HTML/HTML5 and CSS based language.
In any case, this page features a variety of screenshots in which I went through some of the tutorials that's hosted on the codecademy website.
In screenshots 1-4, I was provided with a tutorial on how to apply heading settings (<'h1'><'/h1'>) in html coding. At first, it was guiding me through the different sizes and how to apply the correct size ( <'h1'> being the biggest and <'h6'> being the small fry of all the heading sizes).
At the beginning of the code, it is often required to make sure you include <'!DOCTYPE html'>, followed by <'html'>, then a <'head'> and finally a <'body'>.
To finish off a particular piece of coding a slash '/' is needed in front of the comment within the parenthesis '<>', like so: <'/body'>
This screenshot was when the tutorial was discussing paragraphing and including type styles such as bold and italics.
Typically, to type out in bold you use the command <'strong'><'/strong'>, but you can also use <'b'><'/b'> and to use italics, you type <'em'><'/em'> but you can alternately write <'i'><'/i'> as well.
Screenshot introducing link coding and how to incorporate links with the html command <'a href= "[link URL]"'>.
Screenshots 7-11 are examples of work done within the tutorial where I learnt to manually combine images as clickable image links. The tutorial provided the image on the rubber duck, while I provided images animated GIFs I made from a couple TV shows I like. The last image features a photograph I took of my room from a couple years ago...
The 10th screenshot was where I was instructed to introduce two images into the tutorial.
This part was an introduction to building a basic webpage, first starting out with a header in <'h1'>.
Then followed the instructions to include a paragraph into the body. For the text, I used Lorem Ipsum, the standard filler text commonly use to demonstrate the graphical qualities and elements of a document, a web theme/web pages in general and other forms of visual presentation (occasionally used in publishing)
Then included a photo I took back in 2013 of the St. Mary le Strand Church in Aldwych with the Magnolia flowers in bloom. The photo has also been featured on my former hotglue from last year's Visual Narratives Project @windupbird.hotglue.me
And last but not least, turned the picture into a clickable image with a link provided.