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

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

VICTORIAN INTERNET

By ayemrawi -
Image
Hi there fellas! In today's post, I'm gonna share with you what we have learned in our last class with Dr. Linda about the Victorian Internet. I suppose none of us are familiar with Victorian Internet, so here's some information about it. Samuel Morse (and other inventors) developed the Victorian Intenet in the 1830s and 1840s. It is a telegraph revolutionized long-distance communication. It worked by relaying electric signals over a wire laid between stations. Samuel Morse, he developed a code that bear under his name, Morse code, that assigned a set of dots and dashed to each letter of the English alphabet. This allow for the simple transmission of complex message across telegraph lines, which indirectly help to the inventing of the telegraph. In 1844, Morse sent his first telegraph message, from Washington, D.C., to Baltimore, Maryland; by 1866, a telegraph line had been laid across the Atlantic Ocean from the U.S. to Europe. Although the telegraph had f
Read more