Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions html-practise/contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!doctype>
<html>
<head>
<title>
FIRST HTML
</title>
</head>
<body>
<table style="width:100%">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
<tr>
<th>Jill</th>
<th>Hill </th>
<th>34</th>
</tr>
<tr>
<th>Eve</th>
<th>Jackson</th>
<th>21</th>
</tr>
</table>
<a href="practise.html">Go back</a>
</body>
</html>
11 changes: 11 additions & 0 deletions html-practise/exercise1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!doctype>
<html>
<head>
Hello world
</head>
<body>
<div>
<h1>HELLO WORLD</h1>
</div>
</body>
</html>
27 changes: 27 additions & 0 deletions html-practise/form.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!doctype>
<html>
<head>
<title>
FIRST HTML
</title>
</head>
<body>
<form action="www.google.com" method="GET">
<label for="first_name"> First Name:</label></br>
<input name="first_name" type="textbox" required/></br>
<label for="last_name"> Last Name:</label></br>
<input name="last_name" type="textbox" required/></br>
<label for="Birthday"> Date of birth:</label></br>
<input name="Birthday" type="calender" required></br>
<label for="Age"> Age:
<input name="Age" type="range" min="16" max="61"required/></label></br>
<label for="sex"> SEX:
<input name="sex" type="radio" value="male" required>Male
<input name="sex" type="radio" value="female" required>Female</br></label></br>
<label for="email"> Email Address:
<input name="email" type="textbox" required/></label></br>

<input type="submit" value="submit" required/></br>
</form>
</body>
</html>
58 changes: 58 additions & 0 deletions html-practise/practise.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!doctype>
<html>
<head>
<title>
FIRST HTML
</title>
</head>
<body>
<!-- My first attempt on HTML -->
<div id="main">
<h1 align="center">
<p class="important">
HELLO WORLD
</p>
</h1>
<h5 align='center'>
<a href="#main">Index</a></br>
<a href="contact.html">Contact</a></br>
<a href="http://www.google.com">GOOGLE</a></br>
<button type="button" name="button">click me</button>
<img src="http://static.batanga.com/sites/default/files/styles/full/public/universo-observable-en-una-imagen-3.png?itok=sBpiT7gx" alt="Image about universe "width="50%" height="50%">
<h5>
<label for="fruit">Select your favorite fruit:</label>
<select name="fruit">
<option value="apple">apple</option>
<option value="orange">orange</option>
<option value="banana">banana</option>
<option value="peach">peach</option>
</select>
<form action="www.google.com" method="GET">
<label for="user"> USER ID:</label></br>
<input name="user" type="text" required/></br>
<label for="password"> Password:</label></br>
<input name="password" type="password" required/></br>
<input type="submit" value="submit" required/></br>
</form>

<form action="www.google.com" method="post">
<label for="user"> USER ID:</label></br>
<input name="user" type="text" required/></br>
<label for="password"> Password:</label></br>
<input name="password" type="password" required/></br>
<input type="submit" value="submit" required/></br>
</form>



<h5 align="center">
<p> BYE WORLD </p>
</h5>
</div>
<div>
<p class="important" align="center">
This is another important content
</p>
</div>
</body>
</html>