Web

HTML

The section documents the web development assignment.

  1. What is HTML, basic structure of HTML pages.
  2. Common HTML tags, images, hyperlinks.
  3. CSS and style sheets.
HTML is a language used to organise the content of a website it consist of tags (examples of tags are in the table). The tags define the parts of the document.

To start making a website, i first create a basic structure using the HTML tags.

HTML Tags Definition
html.../html
head.../head Page description
body.../body
p.../p Next Paragraph
br.../br Next Line
ul.../ul Unordered List
ol.../ol Ordered List
h1.../h1 Header (no. from 1 to 6 determines the font size)


To create multiple pages in a website, i first duplicate the codes for the current page and insert the links to my other pages.

CSS

A website created using only HTML only can be quite unappealing, hence we can use CSS to change the appearance of it.

div tags are used to distinguish parts of a website, which allows the coder to set the font, size, background, orentation, etc of the web page.

Background Properties

background-color: allows us to change the colour of the web page, we can either key in colours such as dimgray, lightblue, etc or we can just key in the Hexadecimal (Hex) colour codes. Hex color codes allows us to have more choices of colour. The Hex codes are written in this format #xxxxxx, where the values for each colour ranges from 00 to FF.

background: url(File Name) allows us to set an image as the background of a page


Creating a Repository


Firstly create a GitHub account, from there click on the "+" icon and select "New Repositry" to create a repository.


After that click on Add File > Upload files.


Drag and drop the files (HTML flies, images, videos... ). Lastly click on "Commit Changes".

All Files

Click here to download files.