~ Dream High ~: A New Thing to Learn!! HTML~

Assalamulaikum and hye to everbody. Today we would like to share what we learn today in our class with Mdm Linda. It's interesting lecture about html. Html code is needed to create a website. We learn how to create html code and it's like 'wow' when a web appear like magic based on our code. We learn how to insert link, insert image and create table.

First and fore most, Mdm Linda taught us on how to create an intro of html by using notepad. Just write this:

Then we need to save this file as intro.txt and intro.html

#Remark: If you save as intro.txt, then when you click the file, this code will be appear as text in the notepad.

If you save as intro.html, then when you click the file, the code will be execute and then will open automatically using browser.

After that, we learn how to add link in the html code. Let's look at this!

save as link.txt and link.html

If you noticed, in the fourth line. We paste the link in between the apostrophe <a href="..."> then we wrote the sentence that will appear in the website. If we click the link, we will automatically connected to the website.

Click the link

The website will be appear just by one click!

It's easy right? ^_^

Then, we were taught how to create a list by html coding.

The red sign refer to <ul which means unordered list, while blue sign refer to <ol which means ordered list.

An ordered list	An unordered list
1. The first list item	- List item
2. The second list item	- List item
3. The third list item	- List item

That's the result!

Next we learn about how to attach image using html coding. First we need to save the image that we want to attached as smiley.gif and hankanm110.gif as higlighted below. For the image, you can also insert a moving image. Interesting right?? Moreover, you can adjust the size of the image as you wish by putting number in between the apostrophe of width and height respectively as shown as below.

Here is the outcome!

Actually when the code executed, you can see the second picture is moving

Lastly we learn how to create a table using html code. There are two types of table which are without cellpadding and with cellpadding. Cellpadding means is the white space between the cell
content and its borders. Tables are defined with the <table> tag.

A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain
text, links, images, lists, forms, other tables, etc.

without cellpadding

with cellpadding

Here is the result!!

Here we provide some videos on how to learn html in 12 minutes! It's simple and easy.

Let's take a look :)

PART 1

PART 2

We just taught you some of the basic of html, if you want to know more about html you can click the links we provided below. It teaches you more than us! :)

http://www.w3schools.com/html/