Tuesday, October 22, 2013

HTML

ASSALAMUALAIKUM :)
Today we had learn how to used the HTML code.We studied 3 types of HTML which were :
  • how to make list
  • how to make link
  • how to put the images
 The are some basic way to use HTML. First we must put <html> and followed by  <body> on the top  as 
the header of the code and at the end of it, we must put </body> and followed by </html> as the ending of every coding. Note that we must put "/" when we want to closed the <xxxx>. As example, when we want to make a variable X, we must put <li>X</li>.
Then we go to the 1st type; making list.When we want to start to do list, we must have the title for the list then we should included the types of the list either bullets or letter list or so on. For example

<h4>Example title for bullet list<h4>
<Ul type="disc">
 <li>apples<li>
 <li>bananas</li>
 <li>lemons</li>
 <li>oren</li>
</ul>
The re are two type of list, ordered (written by 'oi') and disordered ('ui'),
the type is written in quote after the 'type='.


The result for these are shown below:

Example title for bullet list :

  • apples
  • bananas
  • lemons
  • oren. 
Second parts is about  making link. The only difference between link and to make list is we should have this code:

<a href= "http://google.com"> see also this link.</a>
Noticed that we add href and we must attach the link after the href. The title will appear before the </a>.
The last thing is about the image.The coding syntax to put the image into our webpage is  
<img src="Smiley.gif" alt="Smiley face" width="32" height="32" />
We must include the <img ... /> for an image.
After 'src=' is the the name for our image that has been saved into the same folder or internet link
After 'alt=' is the name of our image. Followed by the dimension of the image.

No comments:

Post a Comment