BASIC HTML

By -
Hello, peeps! Welcome to our blog and thanks for reading our first post :3

The existence of this blog is for us to update what we have learned from our previous lessons in class (Computer in Science)

So, for today's post, we are just gonna briefly explain about HTML and web page design.


WHAT IS HTML?

HTML is the abbreviation of "Hyper Text Markup Language". It is basically a computer language that was created to be used as a web page design. The webpage can be accessed on the Internet.


HOW DOES IT WORK?

 HTML has text mixed with markup tags.

For example:
<h1>Introduction</h1>

HTML has many elements with their own specific tags for specific funtion.


HTML HEADING

 HTML headings are defined with the <h1> to <h6> tags. Actually up to any number, but the smaller the number, the more important the heading; and the bigger the number, the less important the heading.

Example:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

OTHER BASIC HTML TAG

 From what we understand the most basic ones are
HTML format = <HTML> 
Main Body = <Body>
Paragraph and content = <P>

WRITING HTML CODE

We need to start it with <HTML>, and every code need to be close </HTML> for it to function

A simple example is given below:
<HTML>
<body>
<H1> My First Heading </H1>
<p> My first paragraph </p>
</body>
</HTML>
And that is how you publish heading and paragraph of simple webpage using HTML.


WHAT WE DO LAST TIME IN CLASS

In our previous class, we learned on making tables using HTML, here are what we had done...

TABLE;
<html>
<body>
<h4>With cellpadding:</h4>
<table border="1"
cellpadding="10">
<tr>
 <td>HOD</td>
 <td>Name</td>
 <td>Photo</td>
</tr>
<tr>
 <td>Bioscience</td>
 <td>Dr.Suhaili</td>
 <td>Image</td>
</tr>
<tr>
 <td>Chemistry</td>
 <td>Dr.Wan Azmi</td>
 <td>Image</td>
</tr>
<tr>
 <td>Marine</td>
 <td>Dr.Nur Nazifah Binti Mansor</td>
 <td>Image</td>
</tr>
<tr>
 <td>Cts</td>
 <td>Dr.Mimi Hafizah</td>
 <td>Image</td>
</tr>
<tr>
 <td>Physics</td>
 <td>Dr.Zamzuri</td>
 <td>Image</td>
</tr>
<tr>
 <td>Plant</td>
 <td>Dr.Rozilawati Shaari</td>
 <td>Image</td>
</tr>
</table>

<h4>Without cellpadding:</h4>
<table border="1">
<tr>
 <td>Kulliyyah</td>
 <td>Name</td>
 <td>Dean</td>
 <td>Photo</td>
<tr/>
<tr>
 <td>KOS</td>
 <td>Prof Kamarulzaman</td>
 <td>Dean</td>
 <td>Image</td>
</tr>
</table>

</body>
</html>

We made 2 table, one with cellpading and one without cellpading. 
----------------------------------------------------------

Another thing is that we also had made a page that contains pictures.
This is our input...

IMAGE;
<html>
<body>
<p>
An Image of Nekos:
</p>
<p>
<img src="https://i.ytimg.com/vi/XwVzSa_TL90/maxresdefault.jpg" alt="Groups of Nekos XD" width="350" height="350" />

</p>
<p>
A Moving Image:
</p>
<p>
<img src="http://www.newopticalillusions.com/wp-content/uploads/2015/06/Moving-Tunnel.gif" alt="Spiralll~" width="250" height="250" />
</p>
</body>
</html>
We put an still image, an also a moving image
---------------------------------------------------------------

Finally we also did a little about HTML that have orderly listed item and unorderly listed item.
Here what we did...

LIST;
<html>
<body>

<h2>Disc bullet list: </h2>
<ul type = "disc">
<li> Apples </li>
<li> Bananas </li>
<li> lemons </li>
<li> Oranges </li>
</ul>
<h4>Letters list:</h4>
<ol type="A">
<li> Apples </li>
<li> Bananas </li>
<li> lemons </li>
<li> Oranges </li>
</ol>
<h4>A nested List:</h4>
<ul>
<li>coffee</li>
<li>Tea
<ul>
<li>Black Tea</li>
<li>Green Tea</li>
</ul>
</li>
<li>Milk</li>
</ul>

</body>
</html>
And that is it for our first post, we will see what would come out next okay 😌

Comments

Post a Comment

Popular posts from this blog

HISTORY OF THE INTERNET

By ayemrawi -
Image
As Internet nowadays has become a part of us, do you guys actually know the history of Internet? And are you keen to discover more about it? Aren't you curious to know who Internet was developed back during the old days? Here's how its happened. ✌✌✌✌✌✌✌ WHAT IS INTERNET? Internet is a network of networks, joining many government, university and private computers together and providing an infrastructure for the use of E-mail, bulletin boards, file archives, hypertext documents, databases and other computational resources The vast collection of computer networks which form and act as a single huge network for transport of data and messages across distances which can be anywhere from the same office to anywhere in the world The largest network of networks in the world Uses TCP/IP protocols and packet switching Runs on any communications substrate BRIEF HISTORY OF INTERNET Timeline of Internet's development The precursor to the Internet was
Read more

Cara nukarin 32 bit kepada dot desimal

By -
32 bit angka tersebut dapat dituliskan dalam bentuk yang lebih manusiawi yakni dalam format  bilangan desimal . Caranya adalah dengan membagi angka 32 bit tersebut menjadi 4 bagian masing-masing 8 bit. Setiap bagian tadi disebut octet. 11000000 10101000 00001010 00000001 8 bit 8 bit 8 bit 8 bit Kemudian  untuk setiap 8 bit bilangan biner  dapat kita konversi menjadi bilangan desimal, sehingga kita dapatkan 4 buah angka desimal. Cara mengkonversi bilangan biner menjadi bilangan desimal adalah dengan menggunakan tabel berikut ini : Nilai dalam desimal 128 64 32 16 8 4 2 1 Bit ke-1 ke-2 ke-3 ke-4 ke-5 ke-6 ke-7 ke-8 Yang berarti : bit ke – 1 bernilai 128 bit ke – 2 bernilai 64 bit ke – 3 bernilai 32 bit ke – 4 bernilai 16 bit ke – 5 bernilai 8 bit ke – 6 bernilai 4 bit ke – 7 bernilai 2 bit ke – 8 bernilai 1 Misal, dengan menggunakan tabel diatas, 8 bit  11110000  ini dapat kita konversi menjadi bilangan desimal seperti berikut : Nilai dalam desimal 128 64 32 16
Read more

Python... Python... Part 1

By -
Image
Welcome everybody. For this post, I will be sharing what we learnt with our lecturer. About Python. No!!! Not that python... but this one Now, let us get to know about python first before going deeper. Introduction to Python Python is a powerful high-level, object-oriented programming language created by Guido van Rossum. Python is a fairly old language created by Guido Van Rossum. The design began in the late 1980s and was first released in February 1991. It has simple easy-to-use syntax, making it the perfect language for someone trying to learn computer programming for the first time. Benefits Python is a general-purpose language. It has a wide range of applications from Web development (like Django and Bottle), scientific and mathematical computing (Orange, SymPy, NumPy) to desktop graphical user Interfaces (Pygame, Panda3D). The syntax of the language is clean and length of the code is relatively short. It's fun to work in Python because it allows you to
Read more