Lesson 4: CSS

On the fourth lesson of Infocomm Studies, I learnt about CSS. It stands for Cascading Style Sheet. It helps to style a website like the background, the web format etc. The CSS are subdivided into three groups. They are internal, external and inline. Inline and internal styles are the same, just that Inline style is a very limited format. For our lesson, we concentrated on external style sheets. External Style sheets are separate documents from HTML. It enables us to link several HTMLs to one style sheet so that we do not have to repeat the process of designing the pages of the website. We need to link the external style sheet to the HTML by putting 'link rel=stylesheet  type=style.css  ahref=(file name).css'. The style sheet must be in the same folder as the HTML. CSS must start with a declaration. Example:  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN". For CSS, the terms ends with ' ; ' and { } For more detailed information,
visit: "http://www.w3schools.com/css/default.asp"

That is all I have learnt for my introduction to CSS. I am looking forward to future lessons...

Lesson 3: HTML

On the third lesson of Infocomm Studies, I learnt about HTML. Basically, HTML is a command box to tell the internet on what to do. Even pages like this decent blog is equipped with this. To view it, just go to page, click 'view source' then wait for it to start up.
Now to explain it in more detail. HTML stands for "Hyper Text Markup Language". It makes use of the program "notepad" under any computer's accessories. HTML is easy to learn. It is made up of a few commands as a skeleton. Here...(everything is in < and >)

html
head
title
/title
/head
body
/body
/html

This is quite easy to understand. The HTML always starts with a command which is html and ends with to show that the content between them is HTML. Why the slash? This is because slash in a command points to an end of a command. So, /html stands for the end of the HTML. Next comes the head. This contains the webpage infomation at the top of the page. title contains the title of the page found at the top of the page.
body contains the main pages and texts.

Next for miscellaneous things. 'p' stands for paragraph.'img src= (webpage)' is to insert a picture.'alt' is alternative text should the picture not be shown due to software compatibility. 'border' means the border thickness of the picture. 'height=(no.)' is the height of the picture while 'width' is the width of the picture. 'br' is page break. 'hr' stands for a horizontal line. 'h1' stands for the biggest font size while 'h6' is the smallest. 'a href= (webpage)' is to give a page link. 'a' comes together with 'a href' to show a text with a link. 'em' stands for emphasised words, 'b' is a bold word while 'u' is a n underlined word. Well, this concludes the basic HTML. For more advanced settings go to: http://www.w3schools.com/html/default.asp.

Usually, HTML comes with CSS, which I will learn in the following.Till then...!