How HTML works . . ?


  • HTML stands for Hypertext Markup Language. It is one of the many languages of the computer.
  • A HTML code would basically have this layout:






Coding for list:

Replace the " text " and with your own words and 

  • For a bullet listing, you may use this code:


<html>
<body>
<h4>Enter Your Title :</h4>
<ul type="disc">
 <li>text</li>
 <li>text</li>
 <li>text</li>
 <li>text</li>
</ul>
</body>
</html>


  • The code will look like this :





  • For a number listing, you may use this code:


<html>
<body>
<h4>Enter Your Title :</h4>
<ol type "A">
 <li>text</li>
 <li>text</li>
 <li>text</li>
 <li>text</li>
</ol>
</body>
</html>


  • The code will look like this image below :





  • For a nested listing, you may use this code:


<html>
<body>
<h4>Enter Your Title :</h4>
<ul>
 <li>text</li>
 <li>text  <ul>
  <li>text</li>
  <li>text</li>
  </ul>
 </li>
 <li>text</li>
</body>
</html>
This code will looks like this :





Coding for Link :


  • To create a link , you can copy this image :


<html>
<body>
<p>
<a href="insert link here">insert text to display</a>
</p>
</body>
</html>

This is an example of  link.







Coding for table :


  • For no cell padding, you may use this code:


<html>
<body>
<h4>Insert title for table:</h4>
<table border="1">
<tr>
 <td>First</td>
 <td>Row</td>
</tr>
<tr>
 <td>Second</td>
 <td>Row</td>
</tr>
</table>
</body>
</html>

Example table :

First Row
Second Row



  • For cell padding, you may use this code:


<html>
<body>
<h4>Insert title for table:</h4>
<table border="1"
 cellpadding="10">
<tr>
 <td>First</td>
 <td>Row</td>
</tr>
<tr>
 <td>Second</td>
 <td>Row</td>
</tr>
</table>
</body>
</html>

Example table :

First Row
Second Row

Coding for non-moving and moving picture :

<html>
<body>
<p>
An image :
<img src="insert URL for image" alt="insert picture name here"width="32" height="32" />
</p>
</body>
</html>
It will looks like this image below :
Example of non-moving and moving picture



To learn more about HTML coding, you can visit the w3schools  website for more information. Good luck in trying ! :)


No comments:

Post a Comment