Hi, so we aren’t really going to make a web page that becomes part of the web. What we are going to do is create something called an HTML document. HTML is basically code for your web browser to display sites. HTML also makes it harder for me to make these tutorials; WordPress tries to read my code, and I want you to view it as code.
Start off by opening a simple text editor. I recommend that you use Notepad++ because it is a good text editor used by a large audience. Regular Notepad that comes pre-installed on any Windows PC works fine as well, but doesn’t have any special tools. Do NOT use anything like Microsoft Word or Wordpad, because these are not text editors. OK, now type in the following text into your text editor:
With that done, save the text with the extension .html. (The name of the document does not matter.) Open the document up from where ever you saved it, and it should open up with your default browser. You should see something like the image below.
Cool, right? OK, now I shall explain what this all means. HTML is made up of things called tags. “<html>” was our HTML opening tag, and “</html>” was our closing tag. What
ever is between the two tags is part of the HTML. The same rules apply to the header tags; whatever is between the two tags is part of the header. All tags have “<>”. The “/” indicates closing. Simple?
Now make an HTML document with the following code:
Open your document up. Wait, Kelly, what does this all mean? Try to figure it out, and continue reading when you did your best.
So, you should have definitely gotten the “<html>” part. Now, as you probably noticed, the i opening and closing tags make the header inside italic. You probably also noticed that “<br/>” starts a new line. I will tell you that “br” means break line. Since you can’t have anything inside of a break line, it just opens and closes itself. Did you notice that the h2 tag makes a smaller header than the h1 tag? There are six different headers: h1, h2, h3 etc. The larger the number the smaller the header. If you are interested in learning more HTML, here is a link to start:
The code for that link, which I typed in for WordPress to read is: <a href=”http://www.w3schools.com/html/”>w3schools</a>
I hope you enjoyed my tutorial and plan to continue with your HTML journey.Advertisements