We started looking at GitHub and the basics of HTML. This will ultimately enable us to structure and organise a web page.


What is HTML?

HTML is a rules based language that allows for structuring in order to let the browser make faster, more reliable and informed decisions to format the end result for legibility.

HTML is object orientated. An orientation of process functioning into a connected hierarchy of objects. Each object stores meta data, properties, security, settings etc. providing the basis for efficient, easy reading and writing from/ to the object. Making it programmatically accessible.

Structure

It is important to use lowercase without spaces for element names for a cleaner outcome that is easier to read.

Tags act as containers which must be opened and closed, for example, <p> </p>

Attributes need a name and value, separated by an = sign. For example,

<p>lang=“en”>paragraph in English </p>.


Markdown

We used daring fireball dingus as a quicker and simpler way to convert plain text to code. Along the right side there is a “cheatsheet” with symbols and what they achieve. I found the process fairly intuitive and it allowed me to play around with typography hierarchy, visually seeing the outcome of the changes I made to the initial script.

Visual Studio

The converted coding can be copied over into visual studio which is an integrated visual environment where you can test, write and publish code.

Github

This can be saved and transferred into Github, a central repository to hold the code.


Version 1