Friday 14 February 2014

HTML Lessons :)

Assalamualaikum and have a nice weekend all readers? How is your days passed along this week? Is it terrible, tired or very leisure?

Stop condemning and let’s continue to our main topic. This week during computer in science class, we have learnt something new and very interesting topic. And very annoying too! We cannot deny it for the first time. Madam Linda had taught us about HTML. Do you know what is HTML? Have you heard about this term before?


HTML or Hyper Text Markup Language is the main markup language for creating web pages and other information that can be displayed in a web browser. HTML documents contain HTML tags and plain text. HTML is written in the form oh HTML elements that consisting of tags enclosed in angle bracket such as <html>, within the web page content.

Before we start learning about HTML, we need to;

1) Open up a plain text editor to write our HTML language like notepad or etc.


2) Once the notepad icon is open, you will see such a blank page that you need to need to write the text. 


3) Then you can start typing your html codes on it. For the new starters, we will teach you to make a simple code first. Let us try!

Coding: (intro)

<html>
<body>

<h1> My First Heading </h1>
<p> My First Paragraph </p>

</body>
</html> 

4) Lastly, you need to save the notepad in two version; intro txt and intro.html. You need to choose your web browser such as Mozilla Firefox or Google Chrome in order to test your html.



Does it make your adrenaline running fast? Are you interested to learn more? for your information, HTML codes can be used to form table, list of things, inserting moving or non-moving images, or get through a link. Here are some examples that,  you can try by yourself.

1) Coding: (formed a table)

<html>
<body>
<html>
<body>

<h4>With cell padding:</h4>
<table border="1"
cellpadding="10">
<tr>
<td>Name</td>
<td>Address</td>
  <td>Hobby</td>
</tr>

<tr>
<td>Noor Hafiza binti Yahya</td>
<td>Tanjung Lumpur, Pahang</td>
  <td>Reading novels</td>
</tr>

<tr>
<td>Noor Fatinie binti Mohd Zohan</td>
<td>Bachok, Kelantan</td>
  <td>Cooking</td>
</tr>
</table>

</body>
</html>

NameAddressHobby
Noor Hafiza binti YahyaTanjung Lumpur, PahangReading novels
Noor Fatinie binti Mohd ZohanBachok, KelantanCooking


2) Coding: (get trough a link)

<html>
<body>
<p>
<a href="https://www.facebook.com/">See also my facebook.</a>
</p>
</html>


 


So, how you think about this lesson? You can try many more examples in the internet. Hope all of you understand and enjoy this post. Till we meet again in the next post. Bye!  

No comments:

Post a Comment