Hello and welcome back to this tutorial series. Today we shall review many of the concepts we have learned so far (class 101 through class 109) and introduce a few others. Being programmers, we are going to do this by coding a simple web page. Your task is to see if you understand all that is happening , if not, then be sure to revisit a previous tutorial on the subject and re-read it. Along the way, I will be recommending common practices for organizing & writing your code. Let's get started. I recommend storing your web-project files as follows; Create a new folder (for a new web project). Inside it, create 2 folders, one for html files and one for css files. For this work, create a new folder and name it review . Inside it create two folders , name one styles and the other html . Open Sublime Text or whichever text editor you prefer, drag and drop the review folder onto the Sublime Text's window. You should see the folder on the left-side (left-panel) o
Hi there, welcome back. This is the final part of class 109. In the previous tutorial we discussed the display property of html elements. In this tutorial we shall discuss the float property. Float is used to place an element on the left or right side of its container, allowing text and inline elements to wrap around it. ( referenced from 1 ) To understand this better, lets write some code. Create a new html file using your text editor and name it 'floating.html'. Write the following code in it, then save and view it in a browser. <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="floating.css"> </head> <body> <h1>this is a heading</h1> <p id="p1">this is paragraph 1</p> <p id="p2">this is another paragraph, called paragraph 2</p> </body> </html> All the 3 ele