ABOUT HTML
Hypertext mark-up language (HTML) is the standard coding language used when creating a web page and websites. HTML is based upon using different tags to declare what the web page is comprised of by using angular brackets, with the relevant tag inside of the brackets(<example tag>). These tags define the functions of a page, with the area between the start and end tags specifying what is displayed with the function. An tag used to end a function is identical to that used to start it, but has a forward slash after the opening bracket and before the tag (</example tag>)
HTML splits a page into 3 parts: header, which is represented by the tag <h1>.
Body, which uses the tag <body>
And footer, which uses the tag <footer>
The title of the webpage (seen in the pages tab) can be assigned with the <title> tag
An example of this would be:
<h1>
Here is a title
</h1>
The first page I made is very simple. The <!doctype html> is the very first thing that must be included as it is not a tag, but rather it is declaring the type of html being used in the code in order for it to be read by the browser. In this case, <!doctype html> means that the code is written in html 5.
The <html> tag, or rather, the text between them, defines what is in the web page.
The <body > tags define what is visible on the web page.
This simple piece of html code results in the following web page:
This is my second stage. This time the <title> tags are included to change the title of the document to what is written between them.
ABOUT CSS
CSS (Cascading Style Sheets) is a type of coding language used within HTML to control the visual format of a webpage. Cascading Style Sheets can be internal or external; internal being used if the CSS is to be applied to a single document, or external being used if you want to use the same CSS across multiple documents.
Cascading style sheets are used to increase the functionality of HTML and give a greater level of control to the developers as to how the page will be displayed. CSS is different to HTML in that it doesn’t use tags, and also allows for a much faster and more efficient workflow by not having to rewrite code by simply being able to assign parts of the CSS to a given part of the HTML code.
In CSS, any given style starts with .name as this will define the styles name when it is referenced by html. The font family is the font you have chosen to use, and the font weight is any other modifier to be applied to the text, such as bold or italics. The colour of the text can be assigned by using an appropriate hex value.
Here are the 3 font styles in the CSS document.
The chosen font can then be applied to the html document with the code within the link tag, with href linking specifically to the CSS document, rel describes what the link is, in this case, being a style sheet.
In this next stage, several more tags have been added to the <body> section. The <p> tag is used to define a paragraph, so each section within the body has been given its own paragraph to keep it separate. The <strong> tags are used to make the text within display in bold, and the <em> tag makes the text italic.![]()
The <br> tag creates a break, essentially splitting up each paragraph further. The <a> tag is used to add a hyperlink which can be clicked on, though I didn’t link the page to another, using href to declare what web page the link goes to, and the text after the href declaration being what is displayed as the hyperlink.![]()
Finally, the <div> tag puts borders around the text, the size of which can be set and changed through CSS.
The image below shows what this combination amounts to so far.



















