Saturday, 6 October 2012

Introduction to HTML



Assalamualaikum wbt. Today we learned something new and even more challenging in our computer class. The topics revolve around the usage of HTML. HTML stands for Hypertext Markup Language and it is used to display information in web browser in the form of webpage and many more. To be more specific,  we can say that HTML is the building block of all websites. Web browser functions to read the HTML documents and translate them into visible and readable text of a webpage. Several important things to be noted when using HTML is, a slight mistake in typing the HTML syntax may result in clear visible error while  viewing the webpage. Therefore, typing HTML syntax requires precise and meticulous attention and one doesn’t simple write whatever he wants and the webpage will as good as he might expect. Headings, body, and paragraphs have to be aligned carefully to ensure correct display of data on the webpage. Not only we learn about a completely new topic, but we were also able to be more precise and meticulous in typing. Here we display some of our “precision” in HTML syntax typing: 

<html>
<body>
<h4>Sport Cars:</h4>
<ul type="disc">
<li>Ferari</li>
<li>Lamborghini</li>
<li>Audi TT</li>
<li>Masseratti</li>
</ul>
<h4>Classic Cars:</h4>
<ol type="A">
<li>Alfa Romeo Montreal</li>
<li>Audi 100 Avant</li>
<li>Austin Seven</li>
<li>Bentley  R-Type</li>
</ol>
<h4>Elegance Cars:</h4>
<ul>
  <li>Mercedez Benz</li>
  <li>BMW
     <ul>
     <li>BMW M-Zero</li>
     <li>BMW 5-Series</li>
     </ul>
  </li>
  <li>Mini Cooper</li>
</ul>
</body>
</html>
Here we provide the link for our webpage:
file:///F:/cars.html

Below is the example of the syntax of an HTML table:


 <html>
<body>

<table border="1">
<tr>
  <td>Cars</td>
  <td>Colours</td>
</tr>
<tr>
  <td></td>
  <td></td>
</tr>
<tr>
  <td>BMW</td>
  <td>Silver</td>
</tr>
<tr>
  <td>Lamborghini</td>
  <td>Black</td>
<tr>
  <td>Alfa Romeo</td>
  <td>Orange</td>
</tr>
<tr>
  <td>Mercedez Benz</td>
  <td>White</td>
</tr>
</table>

</body>
</html>

Here is the link:
file:///F:/table.html




Here we provide you with a picture of a cute professor teaching HTML:

We also provide tutorial video on HTML to give you a clearer understanding on HTML:



If there is still any confusion lingering in your minds,then feel free to visit this webpage. The link to the webpage is provided below:
http://www.w3schools.com/





Here is example of table :
Items Price(RM)
Shoe 20
Trouser 50
T-shirt 25.50

No comments:

Post a Comment