Saturday, 26 May 2018
Thursday, 4 January 2018
Basics of HTML5 Reference Codes
<!------------------------------HelloWorld.html----------------------------------------------------->
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title> Hello </title>
</head>
<body bgcolor="pink" >
<b><i><u>Hello....Welcome to HTML</u></i></b>
<br>
<s>This is computer lab</s>
<br>
<b>Water = H<sub>2</sub>O</b>
<br>
<b>5<sup>2</sup>= 25</b>
<p>This is a paragraph.....</p>
<p><font face="arial" color="red" size="5">This is a paragraph....This is a paragraph..This is a paragraph..
This is a paragraph..</font></p>
<hr color="blue"></hr>
<!-- This are heading tag -->
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<hr color="blue"></hr>
Sonali Dhurjad
<br><br>
greater > small
<br><br>
How is the day ? ♠
<br><br>
This © copyright is symbol
<br><br>
<hr color="blue"></hr>
<h3>I have 200 $</h3>
<hr color="blue"></hr>
<h2>List of countries</h2>
<ol>
<li>India</li>
<li>America</li>
<li>England</li>
<li>Japan</li>
</ol>
<h2>List of states</h2>
<ol type="a" start=3>
<li>Maharashtra</li>
<li>Karnataka</li>
<li>Delhi</li>
<li>Rajasthan</li>
</ol>
<h2>Unordered List of flowers</h2>
<ul type="square" >
<li>Rose</li>
<li>Mogra</li>
<li>Lily</li>
<li>Sunflower</li>
</ul>
<h3>Defination list of Moivies</h3>
<dl>
<dt>Sairat</dt>
<dd>Boring Movie</dd>
<dt>M S Dhoni</dt>
<dd>Motivating Movie</dd>
</dl>
<hr color="blue"></hr>
<a href="https://www.google.com"> This is Google Link</a>
<hr color="blue"></hr>
<h3>Setting image</h3>
<img src="Desert.jpg" width="250" height="250">
</body>
</html>
------------------------------------------------------------------------------------------------------------------------
Table.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Tables</title>
</head>
<body bgcolor="orange">
<h2><b>Country Table</b></h2>
<table border="3" bordercolor="yellow" bgcolor="pink" cellspacing="1" cellpadding="10">
<tr>
<th>Country</th>
<th>Capital</th>
<th>Currency</th>
</tr>
<tr>
<td>India</td>
<td>Delhi</td>
<td>Rupee</td>
</tr>
<tr>
<td>America</td>
<td>Delhi</td>
<td>Dollar</td>
</tr>
<tr>
<td>Srilanka</td>
<td>Delhi</td>
<td>Rupee</td>
</tr>
</table>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------
Html_Forms.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>HTML FORMs</title>
</head>
<body bgcolor="lightgreen">
<form name="Login">
<pre>
Enter UserName : <input type="text" name="userName">
Enter Password : <input type="password" name="password">
Select your country : <select name="ctr">
<option>Select</option>
<option value = "IND">India</option>
<option value = "AME">America</option>
<option value = "ENG">England</option>
<option value = "JAP">Japan</option>
</select>
Select your city : <select name="city" multiple size="3">
<option value = "IND">Nashik</option>
<option value = "AME">Pune</option>
<option value = "ENG">Mumbai</option>
<option value = "JAP">Nagpur</option>
</select>
<input type="submit" value="Signin"> <input type="submit" value="Register"> <input type="reset" value="Reset">
Tell us about your hobby :
<input type="checkbox" name="hobbies" value="Singing" checked> Singing
<input type="checkbox" name="hobbies" value="Dancing"> Dancing
<input type="checkbox" name="hobbies" value="Painting"> Painting
<input type="checkbox" name="hobbies" value="Playing"> Playing
Gender :
<input type="radio" name="Gender" value="Male"> Male
<input type="radio" name="Gender" value="Female"> Female
</pre>
</form>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------
HTML_frames.html
<!DOCTYPE html>
<html>
<frameset cols="50,50">
<frameset rows="20%,80%">
<frame src="WelcomeFrames.html"/>
<frame src="HtmlForms.html"/>
</frameset>
<frame src="Table.html"/>
</frameset>
</html>
-----------------------------------------------------------------------------------------------------------------
Click here to see the entire project
https://drive.google.com/open?id=1owOelC1eFCsBwTojqHp7iVDyx6PPJEXb
Steps :
1. Install JavaEE eclipse edition
2.Create new Static web Content project
3.Create your html files inside it
4.Check the html pages using html browser and likewise...
*************************Enjoy the first step to be Web Designer***************************
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title> Hello </title>
</head>
<body bgcolor="pink" >
<b><i><u>Hello....Welcome to HTML</u></i></b>
<br>
<s>This is computer lab</s>
<br>
<b>Water = H<sub>2</sub>O</b>
<br>
<b>5<sup>2</sup>= 25</b>
<p>This is a paragraph.....</p>
<p><font face="arial" color="red" size="5">This is a paragraph....This is a paragraph..This is a paragraph..
This is a paragraph..</font></p>
<hr color="blue"></hr>
<!-- This are heading tag -->
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<hr color="blue"></hr>
Sonali Dhurjad
<br><br>
greater > small
<br><br>
How is the day ? ♠
<br><br>
This © copyright is symbol
<br><br>
<hr color="blue"></hr>
<h3>I have 200 $</h3>
<hr color="blue"></hr>
<h2>List of countries</h2>
<ol>
<li>India</li>
<li>America</li>
<li>England</li>
<li>Japan</li>
</ol>
<h2>List of states</h2>
<ol type="a" start=3>
<li>Maharashtra</li>
<li>Karnataka</li>
<li>Delhi</li>
<li>Rajasthan</li>
</ol>
<h2>Unordered List of flowers</h2>
<ul type="square" >
<li>Rose</li>
<li>Mogra</li>
<li>Lily</li>
<li>Sunflower</li>
</ul>
<h3>Defination list of Moivies</h3>
<dl>
<dt>Sairat</dt>
<dd>Boring Movie</dd>
<dt>M S Dhoni</dt>
<dd>Motivating Movie</dd>
</dl>
<hr color="blue"></hr>
<a href="https://www.google.com"> This is Google Link</a>
<hr color="blue"></hr>
<h3>Setting image</h3>
<img src="Desert.jpg" width="250" height="250">
</body>
</html>
------------------------------------------------------------------------------------------------------------------------
Table.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Tables</title>
</head>
<body bgcolor="orange">
<h2><b>Country Table</b></h2>
<table border="3" bordercolor="yellow" bgcolor="pink" cellspacing="1" cellpadding="10">
<tr>
<th>Country</th>
<th>Capital</th>
<th>Currency</th>
</tr>
<tr>
<td>India</td>
<td>Delhi</td>
<td>Rupee</td>
</tr>
<tr>
<td>America</td>
<td>Delhi</td>
<td>Dollar</td>
</tr>
<tr>
<td>Srilanka</td>
<td>Delhi</td>
<td>Rupee</td>
</tr>
</table>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------
Html_Forms.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>HTML FORMs</title>
</head>
<body bgcolor="lightgreen">
<form name="Login">
<pre>
Enter UserName : <input type="text" name="userName">
Enter Password : <input type="password" name="password">
Select your country : <select name="ctr">
<option>Select</option>
<option value = "IND">India</option>
<option value = "AME">America</option>
<option value = "ENG">England</option>
<option value = "JAP">Japan</option>
</select>
Select your city : <select name="city" multiple size="3">
<option value = "IND">Nashik</option>
<option value = "AME">Pune</option>
<option value = "ENG">Mumbai</option>
<option value = "JAP">Nagpur</option>
</select>
<input type="submit" value="Signin"> <input type="submit" value="Register"> <input type="reset" value="Reset">
Tell us about your hobby :
<input type="checkbox" name="hobbies" value="Singing" checked> Singing
<input type="checkbox" name="hobbies" value="Dancing"> Dancing
<input type="checkbox" name="hobbies" value="Painting"> Painting
<input type="checkbox" name="hobbies" value="Playing"> Playing
Gender :
<input type="radio" name="Gender" value="Male"> Male
<input type="radio" name="Gender" value="Female"> Female
</pre>
</form>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------
HTML_frames.html
<!DOCTYPE html>
<html>
<frameset cols="50,50">
<frameset rows="20%,80%">
<frame src="WelcomeFrames.html"/>
<frame src="HtmlForms.html"/>
</frameset>
<frame src="Table.html"/>
</frameset>
</html>
-----------------------------------------------------------------------------------------------------------------
Click here to see the entire project
https://drive.google.com/open?id=1owOelC1eFCsBwTojqHp7iVDyx6PPJEXb
Steps :
1. Install JavaEE eclipse edition
2.Create new Static web Content project
3.Create your html files inside it
4.Check the html pages using html browser and likewise...
*************************Enjoy the first step to be Web Designer***************************
Subscribe to:
Posts (Atom)