Translate

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Sunday, May 4, 2014

10.How to Create Table

To create the following Table:
<table border="1"> 
 <tr> / / Row 1
       <td> Column1 </ td>
       <td> Column2 </ td>
 </ tr>
 <tr> / / Row 2
       <td> Column1 </ td>
       <td> Column2 </ td>
 </ tr>
</ table>
Result

9-How to put images on the Page

To take image displayed on the page, we use a tag called <img /> Here is a form of tag <img />.
common forms:

<img src="http://komsan-kh.blogspot.com/path/image_name.extension" />

example

<html>
<head><title>Image tag</title></head>
<body>
<img src="http://komsan-kh.blogspot.com/image/temple.png" title="Temple" border="0" witdth="490" height="310"  />
</body>

</html>

Note : - Src: Used to set the address or location of the image that we want to show - Alt: alternative text for images , and it will show when the picture did not show any problems . - Border: to determine the thickness of the image - Title: Attribute used for the title to the picture , and when we Da lton Mouse image will then our title . - Width: Attribute used to set the width of the image - Height: Attribute used to set the height of the image


8. HTML Hyperlinks (Link)

Link is a tag attached page to another page, and we can put Link on the letter or on the image.
Another of its functions, we can connect one part to another part of the same page.
1. Attach one page to another page

<a href="url"> Link Text or image </a>

example


<html>
<head><title>Welcome to komsan-kh.blogspot</title></head>
<body>
<p>
Please <a href="http://komsan-kh.blogspot.com" target="_blank">Click Here</a> to learn more about IT.
</p>
</body>

</html>
results
html link

note 
target = "_blank": used for accessing our Page Link in new tab of our Browser. 
target = "_parent": used for accessing our Page Link tab. 
2. Attach one part to another part of the same page 
To divide the part we are set as follows: 


<a id="part_name" /> 
And to connect to them, we must apply the following: 


<a href="#part_name"> Text Link </ a> 

example
<html> 
<head> <title> Welcome to komsan-kh </ title> </ head> 
<body> 
<a href="#what-html"> what HTML? </ a> | 
<a href="#structure"> to HTML </ a> 

<a id="what-html" /> 
<h2> 1. What is HTML? </ H2> 
<p> 
HTML is the language that is used to compile information for the online internet. 
</ p> 
<a id="structure" /> 
<h2> 2. Form of HTML </ h2> 
<p> 
HTML is divided into two main parts tag Header and tag Body and the two tag in tag HTML. 
</ p> 
</ body> 

</ html>