Your First Site : Part 1

Hello There Sailor ... How's your smile doing?

Please note that this tutorial is part of the Build Your Own Site series of tutorials. Feel free to restart the series.

"Alright, alright, alright ..." - Matthew McConaughey

"Alright, Okay ... " - Denzel Washington

<!DOCTYPE HTML>
<html>
<head>
<title>The First Site | Yeaaahhh Boooiiiiiyy!!</title>
</head>

<body>
Some great Content to come here ... as in be here not the uuhhmm... k neeexxxttt!!
</body>

</html>

Next we'll be adding the form to the page, essentially a contact form for your site :)

<form action="/action_page.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

Yep that's as simple a form as we're gonna use for this tutorial Azizi. Note that it only has two inputs and a submit button. The two inputs are both text input fields, and have the field names "fname" and "lname" accordingly. Please study the code and see where we place this wonderful form in our html.

<!DOCTYPE HTML>
<html>
<head>
<title>The First Site | Yeaaahhh Boooiiiiiyy!!</title>
</head>

<body>
    <form action="/action_page.php" method="get">
      First name: <input type="text" name="fname"><br>
      Last name: <input type="text" name="lname"><br>
      <input type="submit" value="Submit">
    </form>
</body>

</html>

As usual, try your best to replicate the code above, reload the page and voila!

"Alright, Okay ... " - Denzel Washington

"Note that the method attribute of this form is "get". GET is a mthod to make http requests, these are ways in which the client(browser) can communicate with the server."

The Village Geek

Alright that's enough info for one tutorial, we'll continue with this in the second part of the lesson. Go get some nuts and raisins, start a small wood fire and warm your hands will ya. We'll talk in a few :)

Cape Town, South Africa

Comments  (0)

POST A COMMENT
4525 views

Reply to this discussion

You cannot make comments, please login:

Login or Register

Login
Register
Coming Soon ...