HTML optgroup Tag


Example 
<!DOCTYPE html>
<html>
<body>

<select>
  <optgroup label="Computers">
     <option value="Desktop">Desktop</option>
    <option value="Laptop">Laptop</option>
    <option value="Tab">Tab</option>
  </optgroup>
  <optgroup label="Phone">
    <option value="Nokia">Nokia</option>
    <option value="Sony">Sony</option>
    <option value="LG">LG</option>
  </optgroup>
  <optgroup label="Electrical">
    <option value="LED TV">LED TV</option>
    <option value="DVD">DVD</option>
    <option value="Home Theater"> Home Theater </option>
  </optgroup>

</select>

</body>
</html>
Preview

Smart Phone talking Cat for your PC

Do you want to smart phone cat
 ඔයාලගේ පරිගකයටත් ස්මාර්ට් දුරකතන වල තියෙනවා වගේ කතා කරන පූසා දාගන්න ඕනද එහෙනම් මෙන්න ලින්ක් එක. ඩවුන්ලෝඩ් කරගෙන බලන්න Download

Derana Enhlish - Sinhala Dictionary

Derana Enhlish - Sinhala Dictionary  Free Download

 ඉතාමත් උසස් ඩික්ෂනරියක් වන දෙරන ඩික්ෂනරිය ඔබෙගේ පරිගනකයටත් දාගන්න කැමතිද මෙන්න ලින්ක් ඒක
Download

HTML Font Tag

Example

<html>
<body>
<p><font size="5" color="red">Online IT Academy </font></p>
<p><font size="30" color="blue"> Online IT Academy </font></p>
<p><font face=" Algerian " color="Black"> Online IT Academy</font></p>
</body>
</html>
Preview 

Online IT Academy

Online IT Academy

Online IT Academy

HTML Address Tag

Example:

<!DOCTYPE html>
<html>
<body>

<address>
Mail to <a href="mailto:it.training12@gmail.com">Ravindu Kumara</a>.<br>
www.sl-it-help.blogspot.com<br>
Eplitiya<br>
Sri Lanka
</address>

</body>
</html>
Preview : 

Mail to Ravindu Kumara.
www.sl-it-help.blogspot.com
Eplitiya
Sri Lanka

HTML Images - Set Height and Width

Example1

<img src="img url" width="400" height="132">
Preview 1 

Example2
<img src="img url" width="400" height="400">
Preview 2

HTML iframe Tag

Example
<html>
<body>

<iframe src="http://sl-it-help.blogspot.com/">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>
 Preview


HTML Button Tags

 Example
<html>
<body>

<button type="button" onclick="alert('Thank You')">Like</button>

</body>
</html>

Preview

HTML Link

HTML CODE
<a href="Target url">Link text</a>
Example
<a href="http://sl-it-help.blogspot.com">Visit Online IT Academy</a>

Preview  

Visit Online IT Academy

TABLE WITH CAPTION


Example 
<table border="1">
  <caption>Exam Result </caption>
  <tr>
    <th>Subject</th>
    <th>Marks</th>
  </tr>
  <tr>
    <td>English</td>
    <td>80</td>
  </tr>
  <tr>
    <td>Moths </td>
    <td>60</td>
  </tr>
  <tr>
    <td>Art </td>
    <td>50</td>
  </tr>
</table>

Preview
Exam Result
Subject Marks
English 80
Moths 60
Art 50

HTML Form – Password


 Example
<form>
Enter Your Password: <input type="password" name="pwd">
</form>
 Preview 
Enter Your Password:

HTML Lists


Example 1

<ul>
<li>Name</li>
<li>Address</li>
<li>Phone No</li>
</ul>
  • Name
  • Address
  • Phone No 
Example 2
<ol>

<li>Name</li>
<li>Address</li>

<li>Phone No</li>
</ol>

Preview

  1. Name
  2. Address
  3. Phone No

HTML Table

Example1
 
<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>


Preview  

row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2


Example 2

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>
<td>row 1, cell 3</td>

</tr>

<tr>
<td>row 2, cell 1</td>

<td>row 2, cell 2</td>
<td>row 2, cell 3</td>

</tr>
<tr>
<td>row 3, cell 1</td>

<td>row 3, cell 2</td>
<td>row 3, cell 3</td>

</tr>


</table>

Preview  
row 1, cell 1 row 1, cell 2 row 1, cell 3
row 2, cell 1 row 2, cell 2 row 2, cell 3
row 3, cell 1 row 3, cell 2 row 3, cell 3

Chat


Internet Relay CHAT (IRC) allows users to participate in real-time discussions with other users through the Internet. A user logs on to an IRC site and then types messages and replies to others messages as they are written. Often an IRC discussions has a topic and users will join to discuss this topic. Other IRC discussions are free flowing and regardless of how cent red the discussion is it can take some time to sort out the different threads of discussion in a busy IRC.

Instant Messaging


Instant Messaging such as Yahoo and MSN allows users to find friends and contacts through the Internet and communicate with them in real time. Users maintain a list of contacts which the software will notify when they are online and contact is available.

E-mail Attachments

E-mail Attachments

An attachment is a computer file or files place inside an email message. To attach a document to an email message drag the file attachment to the body of the message and drop it. An attachment can also be added by choosing File Attachment from the menu. Most modern email programs place a button on the Toolbar usually in the shape of a paper clip that you can click. A dialog box will open that allows you to browse and select the file that you want to attach. You can attach more than one file to a single email message. Don't move the original document until the message has been sent.

The attached file must be loaded into a program to be viewed. If the attached document was originally created in MS Word you need MS Word on your computer to work with the document. When sending an attachment you should think about whether the intended recipient has the same program on their computer

SEARCH ENGINES


         
   If you are looking for specific information be source but you don’t know where it is location as the web, you might be able to find it using a search ensign a search engine is built around a data bus that data logs web locations basic all    on content. The and usefulness of a search engine depends in part on the information in it’s database. But it also depends an the search engine’s user interface.

Hyper Links
Word or picture that act as button, allocating you explore with the mouse click.

Web Addresses

      The web built around naming schemes. That allows every information resource on the internet to be referred to using a Uniform Resource Locator or as it’s more commonly known  URL.