Code n' Social

An HTML document must contain the following tags:

<!DOCTYPE html> - it defines that the document is HTML5 (currently the newest HTML version). Every HTML file starts with this.

<html></html> - it marks the start and end of the HTML document.
<head></head> - it encloses the header of the document; here we place the title of the document, other references. The descriptions given here do not appear inside the browser window.
<body></body> - it encloses the content that will appear inside the browser window.

The tags that are to be placed in the header (between thetags):

<title></title> - the enclosed text appears on the title bar of the browser.
<link> - it refers to an outside file.
<link rel="icon" href="the path to the icon" type="image/ico"> - it can be used to put a small picture before the text of the title on the title bar of the browser

Comments in an HTML document:

They are used to leave comments in our code, which are not shown in the browser. Comments may help later if we want to continue the work on our webpage, to know where we left of.

Exercises

1. Between the downloaded files you find one named index.html. Open it in Notepad++ and write in the <title> tag Coders Work.

View the result

2. In the same file, insert the icon named cw.ico to set an icon to the webpage, which appears before the title of the webpage in the title bar of the browser. Use the <link> tag to resolve it.

View the result

3. Insert the following text between the <body></body> tags: Coders Work My name is Mike and I’ll tell you my story about how I draw-up a course to help all those who want to improve their employability by using their passive IT skills.

View the result

4. Write some html comments and check if anything appears on your page after refresh.

View the result