Sunday 19 October 2014

HTML CODING LESSON



ASSALAMUALAIKUM wbt

Hello everyone ! Are you feeling good ? Today is a nice day to share what have we learned on our third lecture. Guess what ? We were instructed to do html coding which will be saved in 2 types of file that are .txt and .html . Have you ever used notepad before ? If so, what do you usually do with that notepad ? Making simple notes and stuff ?
Here , we are going to tell you how to do html coding using notepad .
First one,  write the opening and closing code . In between these codes, you can write the html coding.





For starting, we write only basic coding to get the idea of what will be pictured on our computer screen.
Next , we took a further step to do list coding which ,
The ul is for non-ordered list while ol is for ordered list. If you want to replace bullet list(one of the types of ordered list) with alphabetical order ,type “ A” below the header word.
You can change to number=1  as well if you wish . 
Here is the picture .



                                                                                                                                                                       
Next , we move to coding table. As you can see the picture below, without cell-padding , the table becomes smaller compared to with cell-padding.



After that , we make 2 assignments consist of image and image_task files. The image file is the one with basic image html coding . As you can see the picture below, for simple and not moving image, you can copy the name of the picture and paste it to html coding and at the end of it, type .gif .



The table shows the list of Head of Department according to respective departments .


KULIYYAH OF SCIENCE HEAD OF DEPARTMENT
CTS DR. PAH CHIN HEE
PLANT SCIENCE DR. MOHD SHUKOR NORDIN
PHYSICS Assoc Prof DR. JESNIE SHAMSUL SHAARI
CHEMISTRY DR. WAN KHARTINI ABD KHODIR
BIOTECHNOLOGY DR. NOOR FAIZUL HARDY NORDIN
MARINE SCIENCE DR. NOORMAWATI MUHAMMAD NOOR



Now, we extract the information on these table and make it into web-browser . In order to do so , we write html coding  using notepad.
TADAAAAAAAA!!! This is what we get .




If you want to know more details about html, you can just click on the below:



So guys, it’s already late evening and we are out of ideas since our brain tell us to stop thinking and get ready for maghrib prayer. We gotta go, see you guys next time ! adiossss~~~~














No comments:

Post a Comment