STEP 2 : A walk with Hachtayaimail
During a walk under the sun, your host wishes to show you many points of interest of the island :
- The great Tree
- The "Russian" dolls statues
1 - Formatting the site : The great tree
When you develop a website, you need many and multiple resources (files, images, sounds, fonts, ...). Not to get "lost" with a website and in order to organize it, you will
need to
arrange and dispose the elements in directories with a logical way.
This is called a tree structure
Here is the tree that we will create and use for this practical work :
Please, show me the tree
2 - Understanding the basics of HTML : The "Russian" dolls statues
Learn the basics of HTML in 12 minutes ! : Please, show me the tutorial
As you saw in the video, the HTML tags are like Russian dolls, they must fit into each other but never overlap
Good to note : Every HTML document begins with a HTML document tag. Although this is not mandatory but it is a good convention to start the document
with this below mentioned tag: <!DOCTYPE html>
<html> : Every HTML code must be enclosed between basic HTML tags. It begins with <html> and ends with
<html> tag.
<head> : The head tag comes next which contains all the header information of the web page or document like the title of the page and other miscellaneous information (meta tags). These informations are enclosed
within head tag which opens with <head>and ends with <head>.Header is the main communication tag between the browser and your website
<title> : We can mention the title of a web page using the <title> tag. This is a header information and hence mentioned within the header tags. The tag begins with <title >and
ends with <title>
<body> : Next step is the most important of all the tags we have seen so far. The body tag contains the actual body of the page which will be visible to all the users. This opens with <body> and
ends with <body>. Every content enclosed within this tag will be shown on the web page be it writings or images or audios or videos or even links.