Untitled

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="description" content="This is Mido's Site">
		<title>MiDo's First Page</title>
		<style>
			<!--p{color:red}-->
			table td {text-align:center};
		</style>
		<link rel="stylesheet" href="style.css">
		<script>
			function sayHello()
			{
				alert("HELLO GUYS");
			}
		</script>
	</head>

	<body>
		<!--<h1 >Story Title</h1>
		<p id=lol>HTML</p>
		<p>This is my first text This is my first text This is my first text This is my first text</p>
		<h3>Chapter 2</h3>
		<p>This is my first text This is my first text This is my first text This is my first text</p>
		<p>This is my first text This is my first text This is my first text This is my first text</p>
		<p>This is my first text This is my first text This is my first text This is my first text</p>
		<h3>Chapter 2</h3>
		<p>This is my first text This is my first text This is my first text This is my first text</p>
		<p>This is my first text This is my first text This is my first text This is my first text</p>
		<a href="#lol" target="#lol">google</a>-->

		<h2>Unordered List </h2>
		<ul>
			<li>HTML</li>
			<li>CSS</li>
		</ul>

		<h2>Ordered List </h2>

		<ol>
			<li>HTML</li>
			<li>CSS</li>
		</ol>

		<h2>Description List</h2>

		<dl>
			<dt>HTML</dt>
			<dd>HTML tany</dd>
			<dd>HTML talet</dd>
		</dl>
			<p>This is my research</p>
			<blockquote> <!--for long quotes-->
			This is the quote i found This is the quote i found This is the quote i found This is the quote i found
			</blockquote>
			My research continued
			<q>Hello there</q>
			<br>
			<p><mark>Mido</mark> is the best</p>
			<p>this is <del>Deleted text</del> and this is <ins>inserted text</ins></p>
			<p>I born On 6<sup>th</sup> Jun 1997, Water Element is H<sub>2</sub>O</p>

			<table border="1">
				<caption>Webhost Plans</caption>
				<thead>  <!-- head of table-->
					<tr>
						<td>Plans</td>
						<td>Plan 1</td>
						<td>Plan 2</td>
						<td>Plan 3</td>
					</tr>
				</thead>

				<tbody>  <!-- body of table-->
					<tr>
						<td>H.D.D</td>
						<td>15 GB</td>
						<td>30 GB</td>
						<td>60 GB</td>
					</tr>
					<tr>
						<td>Domains</td>
						<td>1</td>
						<td>2</td>
						<td>5</td>
					</tr>
					<tr>
						<td>Databases</td>
						<td>5</td>
						<td>10</td>
						<td>Unlimited</td>
					</tr>
				</tbody>

				<tfoot> <!-- footer of table-->
					<tr>
						<td>Price</td>
						<td>$5</td>
						<td>$10</td>
						<td>$15</td>
					</tr>
				</tfoot>
			</table>
			<br>
			<table border="1">
				<Caption>ColSpan</caption>
				<thead>
					<tr>
					<th colspan="2">Programming</th>
					<th colspan="4">Design</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>PHP</td>
						<td>MySQL</td>
						<td>HTML</td>
						<td>CSS</td>
						<td>JavaScript</td>
						<td>JQuery</td>
					</tr>
				<tbody>
			</table>
			<br>

			<table border="1">
				<Caption>Rowspan</caption>
				<thead>
					<tr>
					<th>Name</th>
					<th>Email</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td rowspan="3">Mohamed</td>
						<td>mm@yahoo.com</td>
						<!--<td>mm2@yahoo.com</td>-->
					</tr>
					<tr>
						<td>ss@yahoo.com</td>
					</tr>
					<tr>
						<td>ss22@yahoo.com</td>
					</tr>
					<tr>
						<td >koko</td>
						<td>mm2@yahoo.com</td>
					</tr>
				<tbody>
			</table>

			<br>
			<p>Register form</p>
			<!-- action="post.php" // method="get/post" --> <!--action(L saf7a ly hyro7 3leha l motsaf7) -- -->
			<form name="Register">

				<label>Username:</label>
				<input type="text" name="username" maxlength="15">
				<br>
				<label>Password:</label>
				<input type="password" name="password">
				<br>
				<label>Email:</label>
				<input type="text" name="email">
				<br>
				<input type="checkbox">
				<label>Remember Me!</label>
				<input type="submit">
				<input type="button" name="sayHello" value="Say Hello" onclick="sayHello()"> <!--will be used mostly in programming-->


			</form>

	</body>

</html>