Kod4u: HTML Programs Example

Showing posts with label HTML Programs Example. Show all posts

HTML Frameset Tag Example

HTML Frameset Tag Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com Frameset Tag Example </title>
</head>
<frameset rows="10%,75%,15%">
<frame src="">
<frame src="link\link_frame.html">
<frame src="">
</frameset>
</html>

II File link_frame.html

<!doctype html>
<html>
<head>
<title> www.kub4u.blogsopt.com </title>
</head>
<h2> Frame Tag Example </h2>
</html>

OUTPUT

HTML Frameset Tag With 4 Part Example

HTML Frameset Tag With 4 Part Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com Frameset Tag With 4 Part Example </title>
</head>
<frameset rows="50%,50%">
<frameset cols="50%,50%">
<frame src="link\link_frame.html">
<frame src="">
</frameset>
<frameset cols="50%,50%">
<frame src="">
<frame src="">
</frameset>
</frameset>
</html>

II File link_frame.html

<!doctype html>
<html>
<head>
<title> www.kub4u.blogsopt.com </title>
</head>
<h2> Frame Tag Example </h2>
</html>

OUTPUT

HTML Frameset Tag With Cols Example

HTML Frameset Tag With Cols Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com Frameset Tag With Cols Example </title>
</head>
<frameset cols="50%,50%">
<frame src="link\link_frame.html">
<frame src="">
</frameset>
</html>

II File link_frame.html

<!doctype html>
<html>
<head>
<title> www.kub4u.blogsopt.com </title>
</head>
<h2> Frame Tag Example </h2>
</html>

OUTPUT

HTML Frameset Tag With Rows Example

HTML Frameset Tag With Rows Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com Frameset Tag With Rows Example </title>
</head>
<frameset rows="50%,50%">
<frame src="link\link_frame.html">
<frame src="">
</frameset>
</html>

II File link_frame.html

<!doctype html>
<html>
<head>
<title> www.kub4u.blogsopt.com </title>
</head>
<h2> Frame Tag Example </h2>
</html>

OUTPUT

HTML Legend Tag Example

HTML Legend Tag Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Legend Tag Example </h2>
<form>
<fieldset>
<legend> Details </legend>
<lable> Enter a Name: </lable> <input type="text"/>
</br></br>
<lable> Enter a Password: </lable> <input type="password"/>
<br/><br/>
<input type="button" value=" Log In "/>
</fieldset>
</form>
</body>
</html>

OUTPUT

HTML Fieldset Tag Example

HTML Fieldset Tag Example :

<!doctype html>
<html>
<head><title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Fieldset Tag Example </h2>
<form>
<fieldset>
<lable> Enter a Name: </lable> <input type="text"/>
</br></br>
<lable> Enter a Password: </lable> <input type="password"/>
<br/><br/>
<input type="button" value=" Log In "/>
</fieldset>
</form>
</body>
</html>

OUTPUT

HTML Select Tag With Attribute Example

HTML Select Tag With Attribute Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Select Tag With Attribute Example </h2>
<select name="select_me">
<option> item 1 </option>
<option> item 2 </option>
</select>
<select size="2">
<option> item 1 </option>
<option> item 2 </option>
<option> item 3 </option>
<option> item 4 </option>
</select>
</body>
</html>

OUTPUT

HTML Select Tag Example

HTML Select Tag Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Select Tag Example </h2>
<select>
<option> item 1 </option>
<option> item 2 </option>
</select>
<select>
<option> item 1 </option>
<option> item 2 </option>
<option> item 3 </option>
<option> item 4 </option>
</select>
</body>
</html>

OUTPUT

HTML Textarea Tag With Rows Cols Example

HTML Textarea Tag With Rows Cols Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Textarea Tag With Rows Cols Example </h2>
<textarea rows="4" cols="30">
Enter your Feedback here......
</textarea>
<br/><br/>
<textarea rows="5" cols="50" name="description">
Enter description here......
</textarea>
</body>
</html>

OUTPUT

HTML Input Tag With Button Example

HTML Input Tag With Button Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Button Example </h2>
<form>
<lable> Enter Your Name: </lable> <input type="text" placeholder="your name"/>
<br/><br/>
<input type="button" />
<br/><br/>
<input type="button" value=" Submit " />
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Reset Example

HTML Input Tag With Reset Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Reset Example </h2>
<form>
<lable> Enter Your Name: </lable> <input type="text" placeholder="your name"/>
<br/><br/>
<input type="reset" />
<br/><br/>
<input type="reset" value="Reset_Button"/>
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Submit Example

HTML Input Tag With Submit Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Submit Example </h2>
<form>
<lable> Enter Your Name: </lable> <input type="text" placeholder="your name"/>
<br/><br/>
<input type="submit" />
<br/><br/>
<input type="submit" value="button_one"/>
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Week Example

HTML Input Tag With Week Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Week Example </h2>
<form>
<lable> Enter Time: </lable> <input type="week" />
</form>
</body>
</html>

OUTPUT

HTML Input Tag With URL Example

HTML Input Tag With URL Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With URL Example </h2>
<form>
<lable> Enter URL Here: </lable> <input type="url" />
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Time Example

HTML Input Tag With Time Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Time Example </h2>
<form>
<lable> Enter Time: </lable> <input type="time" />
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Tel Example

HTML Input Tag With Tel Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Tel Example </h2>
<form>
<lable> Enter Your Phone Number: </lable> <input type="tel" />
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Range Example

HTML Input Tag With Range Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Range Example </h2>
<form>
<lable> Select Your Range: </lable> <input type="range" min="0" max="100"/>
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Search Example

HTML Input Tag With Search Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Search Example </h2>
<form>
<lable> Search: </lable> <input type="search" />
</form>
</body>
</html>

OUTPUT

HTML Input Tag With Number Example

HTML Input Tag With Number Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Number Example </h2>
<form>
<lable> Enter the number (greater then 1 and less then 100): </lable> <input type="number" min="1" max="100"/>
</form>
</body>
</html>

OUTPUT

HTML Input Tag With File Example

HTML Input Tag With File Example :

<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With File Example </h2>
<form>
<lable> Select Date: </lable> <input type="file"/>
</form>
</body>
</html>

OUTPUT

Pages

Search This Blog

HTML Frameset Tag Example

HTML Frameset Tag With 4 Part Example

HTML Frameset Tag With Cols Example

HTML Frameset Tag With Rows Example

HTML Legend Tag Example

HTML Fieldset Tag Example

HTML Select Tag With Attribute Example

HTML Select Tag Example

HTML Textarea Tag With Rows Cols Example

HTML Input Tag With Button Example

HTML Input Tag With Reset Example

HTML Input Tag With Submit Example

HTML Input Tag With Week Example

HTML Input Tag With URL Example

HTML Input Tag With Time Example

HTML Input Tag With Tel Example

HTML Input Tag With Range Example

HTML Input Tag With Search Example

HTML Input Tag With Number Example

HTML Input Tag With File Example

Join us on Social

Followers

Online Tools