html basics

HTML Basics

Hello, and welcome to this unit of our HTML course series called HTML Basics or simply put, Basics of HTML. In this unit, we are going to look at:

  1. What HTML Documents are
  2. What we need to use for coding in HTML
  3. How to save our HTML projects

Now, let’s get started:

HTML Documents in HTML Basics

HTML Documents as part of our html basics are the single files when saved  have the HTML tags and texts in them. For instance, in our previous demo in our last unit (HTML Introduction),

    <html>  <head>  <title>HTML Introduction</title>  </head>  <body>  <h1>My First HTML Code</h1>  <p>This HTML thing is very interesting. I gotta continue. Watch me out, Mark Zuckerberg, hahas!</p>  </body>  </html>    

If we save the above codes as a single file on our drive, we call that file an HTML Document. These documents, when we open them with a web browser such as Firefox, Google Chrome, or Opera, will be read by the browser and render it as a web page to the reader. That is what web browsers do.

What You Need To Code in HTML

Now, you may be wondering what you need to use to start writing these codes. So, here you go; you need a text editor or an HTML editor like Notepad, Notepad++, or Sublime Text, which is my favorite. Let’s look at some few advantages of using Sublime Text:

  1. Codes are colored making it easier to identify opening and closing tags clearly
  2. As you begin typing, suggestions are given for you to choose from, which increases the speed of typing
  3. After choosing a suggestion, the editor automatically closes the opening tag for you which increases your speed greatly, imagine coding a thousand document file.

Apart from an HTML editor or a text editor, you also need a web browser, examples of which I have mentioned above. Did I say a web browser? Nope, I’m supposed to say web browsers. You need the major web browsers; Mozilla Firefox, Google Chrome, Internet Explorer, Safari, and Opera to test your web documents, but this is for full website development purposes only. For the purpose of this course, you only need one to play with the codes. Sorry for the scare.

How to Save HTML Documents

Now, after writing your HTML code in your editor, this is how you save it:

  1. Click File on the Menu Bar of your HTML editor
  2. Choose Save
  3. A Dialog Box opens, save the file with any name of your Choice and add the extension .html or .htm for instance, if I want to save a file with my name, that would be Saviour.html, simple.

Let’s try that with the code above, open notepad, or any HTML editor of your choice(if you’ve got any), copy that codes below, paste it as it is in the editor, save it with the procedure above (Please note the location where you saved the file). Now, open the file with your browser and find out what happens.

Hello, so this brings us to the end of another unit in our HTML course series called HTML Basics. See you in the next unit.


About The Author

Leave A Comment?