Now that you have learnt enough HTML to start creating webpages. Let's take our first practical example. The example is to create a login page.
To create this, the first logic should be what is a login page? A login page is simply a webpage that enables users to input data that uniquely identifies them in order to access an internet resource or a webpage/website/application in general. For example, you need to pass through a login page to have access to the Facebook site.
Secondly, what does it usually consist? It usually consist of input fields to allow users enter their username and passwords and then, a button to submit the entered data.
Lastly, what html tags do I need to create this elements? You should then remember that the <form> tag enables you to collect input from the user. It also has input elements such as those with type of text, password and submit.
With this knowledge you can now proceed to creating a login page and that is how the process for creating any HTML webpage goes. You first define what you want e.g a login page, visualize it e.g how it will look like and finally, determine the tags that will enable you create what you have visualized.
<title>Welcome: My Login Page</title>
<meta name='viewport' content='width=device-width; initial-scale=1'/>
<h1>My Login Page</h1>
<input name="username" type="text" placeholder="e.g bheelz" value=""/>
<input name="password" type="text" placeholder="e.g bheelz" value=""/>
<p><input type='submit' value='SUBMIT'/> <small>Not yet registered? register <a href=''>here</a>.</small></p>
Copy PRACTICE IT