> Online tutorial : HTML HyperLinks
Showing posts with label HTML HyperLinks. Show all posts
Showing posts with label HTML HyperLinks. Show all posts

HTML checkbox

Check Box
It is simplest component which is used particularly whemn we used to make selection of serveral options.
Syntx
<input type='checkbox' name='check' value='value of checkbox'>
Example

<html>
<head>
<title>
HTML checkbox
</title>
</head>
<body>
<form name='form1'>
<input type='checkbox' name='check' value='apple'>
<input type='checkbox' name='check' value='orange'>
</form>
</body>
</html>




Output


Apple


HTML text

HTML text
Text is typically required to place one line text.for example if you want to enter name then it is always preferred to have Text field on the form.The text field can be set using
<input type='text' size='size of text' value="">


Some other parameters can be
  • name :
    indicates the name of text field
  • Max length:
    That allow us to enter the text of some maximum length.
  • align:
    denotes the alignment of the text field.The alignment can be left,right,bottom and top.
Example
<html>
<head>
<title>
HTML Text
</title>
</head>
<body>
<form name='text'>
<input type='text' size='20' value="textfield">
</form>
</body>
</html>

Output



HTML forms

HTML forms
Form is a typical layout on the webpage by which a user can interact with the web page.
<form> tag is used to has an attribute action which gets executed when user clicks the button on the form.
syntax
Example
<html>
<head>
<title>
HTML forms
</title>
</head>
<body>
<form name='form1' action='get' method='get.html'>
Name<input type='text' name='name'>
</form>
</body>
</html>



Some of parameters:
  • name: it is used to show the name of forms
  • action:
    get: it is used to send to data to client browser.it is shows the value in addressbar.
    post: it is used to send to data to specified HTML page.it is don't shows the value.

  • method:   it is which page we can redirect it.

Output




HTML table

HTML table tags
The table is a matrix of rows and columns and one area formed due to interaction of a row and a column is called cell
To create a table on the web page the table beginning tag is <table>and </table>tag it is used to ending the tag.
<html>
<head>
<title>
HTML Table
</title>
</head>
<body>
<table border="6">
<caption align="bottom">
</caption>
<tr>
<td>This is left cell row1</td>
<td>This is right cell row1</td>
</tr>
<tr>
<td>This is left cell row2</td>
<td>This is right cell row2</td>
</tr>
</table>
</body>
</html>



Output


This is left cell row1 This is right cell row1
This is left cell row2 This is right cell row2


HTML HyperLinks

HTML Hyperlinks
             There is a common practice the specify the the web link in the webpage.The Link acts as a pointer to some web or some resource.Use the hyper links in the webpage allow page to link logically with other page.
          We can use the hyperlinks by using a tag <a>and by specified the URL for href.The be assigned to href the specifies the the target of the link.

Syntax
<a href='link url'>name of link</a>
Example
<html>
<head>
<title>
HTML Hyperlinks
</title>
</head>
<body>
<a href='http://cprogramtutorials.blogspot.in'>Online tutorial</a>
</body>
</html>
Output
Online tutorial