HTML Revision Guide

You might also like

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 1

<html>

Things to Remember
<h1>WHAT DOES HTML STAND <h1>WHAT DO “DIV TAGS”
FOR?</h1> DO?</h1>
Html stands for hypertext markup Div tags are essential for giving websites
language. structure. With them, you can create
navigation bars, headers, columns, tables,
EXAMPLE: DIV TAG NAV BAR and put them all in their own classified
“unit”.

<p>THE BEGINNINGS OF A WEBPAGE<p>


Start your webpage with <!DOCTYPE html>, this tells the browser your page is written in
html. Then open the html like this <html>, and the head <head>. Then you need to sync
the page with your stylesheet by using a link, for example <link rel="stylesheet"
href="stylesheet.css">. Now that your site has got a way of changing its looks,
choose what your tab says by using <title>CSW Home</title>. Now, my tab says
CSW Home. Close the head, you’re done with it </head>.

<p>CREATING A FORM<p>
Do the same thing we did in the last box to begin creating your webpage. Then open your
body like this <body>, and create a div tag for your page wrap (or container). To begin our
form, we must first create a form element like this <form action = "form.html"
method ="post">, the method = “post” means that the user data will NOT be put
into the address bar like on google or amazon. If you want it to be in the address bar simply
change the “post” to “get”. To create our form layout, we must use a table structure:
<table>
<tr><td>Surname</td><td><input type= "text" name="input_surname"></td></tr>
<tr><td>Email Address</td><td><input type= "text" name="input_email"></td></tr>
<tr><td>Password</td><td><input type= "password" name="input_pwd"></td></tr>
<tr><td colspan="2"<textarea rows="5" cols="35"></textarea></td></tr>
</table>

You might also like