HTML Programs

==================================
HTML programs
==================================
1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="VTF-8">
<title>Example document</title>
<head>
<body>
<p>this is some text</p>
</body>
</html>
OUTPUT:
==================================
2)
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<body>
<h1>Current Address</h1>
<p>No:22<br>ViswasNagar<br>6th cross<br>trichy-620008.</p>
<h1>Present Address</h1>
<p>No:22<br>ViswasNagar<br>6th cross<br>trichy-620008.</p>
<h1>Contact number</h1>
<p>675675675765.</p>
</body>
</html>
OUTPUT:
==================================
3)
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<body>
<h1>Images</h1>
<img src="file:///U:/images/images%20(5).jpg" a/t="redball" height="168" width="100">
</body>
</html>
OUTPUT:
==================================
4)
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<body>
<p>GOTO<a href="http:\\www.sjctni.edu">sjc</a>
today</p>
</body>
</html>
OUTPUT:
==================================
5)
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<body>
<h1>
<p>click on image<a href="http:\\www.sjctni.edu">
<img src="file:///U:/images/images%20(5).jpg" a\t="Agriculture" height="200" width="300">
</a>
</p>
today</p>
</body>
</html>
6)
<!DOCTYPE html>
<html lang="en">
<head>
<title>semantic</title>
<meta charset="UTF-8">
<Style type="text/css">
header
{
border-bottom:5px double black;
nav
float:left;
width:20%;
clear:left;
min-height:400px;
border-right:1px solid black;
section
float: left;
width:75%;
padding-left:lem;
article
float: left;
width:75%;
padding-left:lem;
footer
{
clear:both;
border-top:5px double black;
text-align:center;
</style>
</head>
<body>
<header>
<h1>this is my header</h1>
</header>
<nav>
<h2>Navigation</h2>
<ul>
<li><a href="#">link a</a></li>
<li><a href="#">link b</a></li>
<li><a href="#">link c</a></li>
<li><a href="#">link d</a></li>
<li><a href="#">link e</a></li>
</ul>
</nav>
<section id="1">
<h2>section 1</h2>
<p>sectionbody.....</p>
</section>
</section id="2">
<h2>section 2</h2>
<p>section body...</p>
</section>
<article>
<h2>Article</h2>
<p>Artical body...</p>
</article>
<footer>
<h2>footer</h2>
<address>
Andy harris<br/>
<a herf="mailto:andy@aharrisbooks.net">
andy@aharrisbooks.net</a>
</address>
</footer>
</body>
</html>
Output:
7)
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>My page title</title>
<link
href="https://fonts.googleapis.com/css?family=Open+Sans+condensed:300|Sonise+One"rel="styleshee
t"type="text/css">
<link rel="stylesheet"href="style.css">


</head>
<body>

<header>
<h1>header</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a><li>
<li><a href="#">Our team</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>

<from>
<input type="search" name="q" placeholder="Search query">
<inpit type="submit" value="go!">
</from>
</nav>

<main>

<articale>
<h2>Articale heading</h2>
<p>Lorem ipsum dolor sit amet, consectectur adipisicing elit.Donec a diam lectus.</p>
<h3>Subsection</h3>
<p>Done ut librero sed accu vehicula ultricies a non tottor.Lorem ipsum dodlor sit amet.</p>
<p>Pelientesque auctor nisi id magaa consequat sagittis.</p>
<p>Vivamus fermentum semper porta. Nunc diam velit,adipscing ut tristique vitae sagittis vel odio.</p>
</article>

<aside>
<h2>Related</h2>
<ul>
<li><a href="#">Oh I do like to be beside the seaside</a></li>
<li><a href="#">Oh I do like to be beside the sea</a></li>
<li><a href="#">Although in the North of England</a></li>
<li><a href="#">It never stops raining</a></li>
<li><a href="#">Oh well...</a></li>
</ul>
</aside>
</main>

<footer>
<p>Copyright2050 by nobody.all rights reversed.</p>
</footer>
</body>
</html>
Output:
8)
Starting web page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
Output:
=============================================================
9)
<body>
<header>
<nav role="navigation">
<ul>
<li><a href="#gaudi">Barcelona's Architest</a></li>
<li lang="es"><a href="#sagrada-familia">La Sagrada familia</a>
</li>
<li><a href"#park-guell">Park Guell</a></li>
</ul>
</nav>
</header>
</body>
</html>
Output:
10)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
fieldset
background-color:#f1f1f1;
border:none;
border-radius:2px;
margin-bottom:12px;
overflow:hidden;
padding:0 10px;
ul
background-color:red;
border:1px solid#eaeaea;
list-style:none;
margin:12px;
padding:12px;
ul li
margin:0.5em 0;
label
display:inline-block;
padding:3px 6px;
text-align:right;
width:150px;
vertical-align:top;
input,select,button
{
font-size:100%;
.small
width:75px;
.medium
width:150px;
.large
width:250px;
.radios{
background:red;
display:inline;
margin:0;
padding:0;
.radios ul{
border:none;
list-style:none;
margin:0;
padding:0;
.radios li{
margin:0;
.radios label
margin-right:25px;
width:auto;
.radios input
margin-top::3px;
.select{
font-size:100%;
</style>
<form method="post action="showform.php">
<fieldset>
<h2 class="account">Account</h2>
<fieldset class"radios">
<ul>
<li>
<label for="first name">First Nmae</label>
<input type="text" id="first_name"name="first_name"class="large"/>
</li>
<li>
<label for="last_name">Last Name:</label>
<input type="text"id="last_name"name="last_name"class="large"/>
</li>
<li>
<label for="Gender">Gender:</label>
<input type="radio" id="male" name="gender" value="male"/>
<label for="male">Male</label>
<input type="radio" id="gender_female" name="gender" value="female"/>
<label for="female">feMale</label>
</li>
<li>
<label for="street address">Street Address:</label>
<input type="text" id="street address"name="street address"class="large"/>
</li>
<li>
<label for="city">City:</label>
<input type="city" id="city"name="city"class="large"/>
</li>
<label for="state">state:</label>
<select id="state"name="state">
<option value="AL">alabama</option>
<option value="AK">Alaska</option>
<option value="TN">tamil nadu</option>
</select>
<li>
<label for="email">Email:</label>
<input type="email" id="email"name="email"class="large"/>
</li>
<li>
<label for="web_site">web:</label>
<input type="url" id="web_site"name="web_site"class="large"/>
<p class="instructions">Have a homepage or a blog? put the address here.</p>
</li>
<li>
<label for="phone">phone:</label>
<input type"tel" id="phone" name="phone"placeholder="xxx-xxx-xxx"class="large"pattern="\d{3}-\d{3}-

\d{4}"/>
</li>
<li>
<label for="pass word">pass word</label>
<input type="password" id="password"name="password"class="large"/>
</li>
<li>
<label for="pass word">re-enter pass word</label>
<input type="password" id="password2"name="password2"class="large"/>
</li>
<input type="submit" class="create_profile" value="create Account">
</fieldset>
</form>
<body>
</body>
</html>
Output:
=====================================================================================

HTML Programs

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

HTML Programs

Hochgeladen von

Copyright:

Verfügbare Formate

==================================

<p>this is some text</p>

<img src="file:///U:/images/images%20(5).jpg" a/t="redball" height="168" width="100">

<p>click on image<a href="http:\\www.sjctni.edu">

<img src="file:///U:/images/images%20(5).jpg" a\t="Agriculture" height="200" width="300">

border-bottom:5px double black;

border-right:1px solid black;

border-top:5px double black;

<li><a href="#">link a</a></li>

<li><a href="#">link b</a></li>

<li><a href="#">link c</a></li>

<li><a href="#">link d</a></li>

<li><a href="#">link e</a></li>

<title>My page title</title>

<li><a href="#">Our team</a></li>

<input type="search" name="q" placeholder="Search query">

<inpit type="submit" value="go!">

<li><a href="#">Oh I do like to be beside the seaside</a></li>

<li><a href="#">Oh I do like to be beside the sea</a></li>

<li><a href="#">Although in the North of England</a></li>

<li><a href="#">It never stops raining</a></li>

<li><a href="#">Oh well...</a></li>

<p>Copyright2050 by nobody.all rights reversed.</p>

Starting web page

<li><a href="#gaudi">Barcelona's Architest</a></li>

<li lang="es"><a href="#sagrada-familia">La Sagrada familia</a>

<li><a href"#park-guell">Park Guell</a></li>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<form method="post action="showform.php">

<label for="first name">First Nmae</label>

<input type="text" id="first_name"name="first_name"class="large"/>

<label for="last_name">Last Name:</label>

<input type="radio" id="male" name="gender" value="male"/>

<input type="radio" id="gender_female" name="gender" value="female"/>

<label for="street address">Street Address:</label>

<input type="text" id="street address"name="street address"class="large"/>

<input type="city" id="city"name="city"class="large"/>

<option value="TN">tamil nadu</option>

<input type="email" id="email"name="email"class="large"/>

<input type="url" id="web_site"name="web_site"class="large"/>

<p class="instructions">Have a homepage or a blog? put the address here.</p>

<input type"tel" id="phone" name="phone"placeholder="xxx-xxx-xxx"class="large"pattern="\d{3}-\d{3}-

<label for="pass word">pass word</label>

<input type="password" id="password"name="password"class="large"/>

<label for="pass word">re-enter pass word</label>

<input type="password" id="password2"name="password2"class="large"/>

<input type="submit" class="create_profile" value="create Account">

Das könnte Ihnen auch gefallen