• Register

For any HTML5 developers and fans out there in the community who want to share knowledge, news and information regarding HTML5 development

Post tutorial Report RSS Making An Own Homepage - 01: HTML Basics

Many people would like to make their own homepages. However, that can prove to be rather complicated and hiring someone to do so is quite costly. After years of web programming, I would like to begin to share my knowledge and help people make their own website dreams come true. This part covers the basics of HTML. It explains the basic construction of a homepage, and provides list of important tags and codes.

Posted by on - Basic Client Side Coding

Contents:

  • What is HTML?
  • List of basic HTML tags
  • HTML symbol codes
  • HTML color codes
  • Empty basic HTML code and explanation

Programs Required:


Tutorial:

What is HTML?

Hypertext Markup Language, is a programming language used to format images, text and other items on homepages. It is a format approved by browsers, which means that browsers can read it and display the contents of an HTML file according to the code. HTML is a very plain language, which means that it does offer the possibility to add colors and alike, but in general HTML is only used to build the general structure of a homepage and add content, while the design is defined by an additional document in the language CSS (which I will explain in the next tutorial).

HTML Tag List

HTML Symbol Codes

Within HTML it works to simply type the symbols that you want to be displayed on your homepage. However, for most of the symbols it is rather risky to do so, because not all browsers display these symbols correctly. To avoid that there are random symbols on your homepage which you don't want there instead of the ones you type, I recommend for you to use the codes HTML provides to display these symbols correctly in every case.
There are two different kinds of code: numbers and letters. I will provide both, if available. Which one you choose is up to you, though often times there is only one working code. In those cases I will only provide the ones that work.

HTML Color Codes

Plain HTML Code

Above you can see an image of an HTML code written in Notepad++. It is extremely plain, as it only shows the basic structure of an HTML code, and no content. If you write this HTML file and open it in a browser you will get a blank page, because there are no contents at all.

What you can see is the use of the html tags described above. The "html" tags enclose all the other code, the "head" section is on top with the browser information, the "body" section below. You might wonder why the code is not visible when you open the page in a browser. That is because the browser displays content only, which we do not have, and the code is used to format this content, but is invisible itself. If you would like to see your html code, right click on any point in the empty website, and choose View Source. That will open a new tab with the following content:

I would recommend for you to copy all of the code above into your notepad++ document manually, because that way you begin to remember some of it already. If you would like the html file, or the documents that describe the tags or codes, please comment or pass me a PM with your email address and I will send them to you.

If you have any questions, I would recommend for you to post a comment down below, because that way othe people who might have the same question won't have to ask again.

Thank you very much for reading, I hope I could help you.

Link to the next part: (NotYetUploaded)

Post a comment

Your comment will be anonymous unless you join the community. Or sign in with your social account: