Learn HTML because it is one of the easiest programming languages for creating your own websites. Below you will find HTML Tutorials that will help you learn the basics. Once you understand basic HTML concepts you can learn CSS to apply styles to your website.
HTML Tutorials in this section are designed for an absolute beginner. Here you will learn the skills required for creating your own websites from scratch. Tutorials and lessons below are designed to help you learn to build your own web pages by typing HTML code into your favorite text editor such as Notepad (pc) or Text Wrangler (mac). The greatest thing about writing your own HTML is that you can create a website by yourself entirely for free. There is nothing to buy or install on your computer. HTML code is written directly into a basic text editor.
Learn HTML Basics
- Create your first HTML web page
- Hyperlinks (or text links) with Examples
- HTML Images / Pictures
- HTML Text and fonts
- HTML Lists
- HTML Tables
- HTML DIV blocks
- Placing CSS into an HTML web page
Uploading your HTML webpage to the Internet
Advanced HTML Tutorials
Working with HTML5
Follow the links above to find an appropriate HTML tutorial to suit your needs. Or learn more about the very basics of web page creation by writing HTML code. Simply continue reading the rest of this article below.
Would you like to learn how to create web pages from scratch by typing in HTML commands
If you are new to creating websites you probably think that HTML is associated with complicated computer code. But when I was learning HTML in high school in our computer class, I found it to be very easy to learn by myself.
By simply opening and closing HTML tags, putting some text or words in between them I was free to create entire web pages displaying tables, fonts and div elements on my own.
HTML stands for Hyper-text Markup Language. This means that it is a language which you can write code in to create a website. HTML is very easy to learn, and there are only a handful of tags that most people use to create just about any type of website. Of course, the devil is in the details. But with a little practice, time and some effort, you too can start creating websites.
After we would become familiar with some basic theory of writing HTML code, our teacher would proceed to show us how to create hyperlinks, underlined text which, when clicked on opened another page. Like so many things that you can create with HTML, the opening tag of a hyperlink was the letter a inside brackets. And the closing tag was the same thing but with a slash prefixing the letter a. Something known as anchor text is what would be entered in between of these tags and and would define the text this link would display.
So, how easy is it to program using the HTML language? Its surprisingly easy! If you can grasp the following concept, then you are likely to quickly learn HTML. But the best part is perhaps that by learning how to write your own HTML code you are essentially learning how to create your own websites for free without having to spend money and pay a professional web page designer to do it for you. With just a little practice, you could learn how to create basic web pages.
Indisputably basic example of using HTML tags
If viewed in a browser, the file containing the second example code from the text area above would display a hyperlink, also known as... just a link. Hyperlinks are commonly displayed in blue color and are underlined. The href parameter of a hyperlink in the example above tells the browser what page to display when someone clicks on the link. And click here is the link's text that would be displayed. The click here text surrounded by the two a-tags is also known as the link's anchor text. We can safely assume that the A-tag itself stands for the word anchor.
Does anchor text in a link affect Google search engine results (SERP) placement of your website?
The anchor text placed inside a link is probably one of the most important indicators of what the website is about, at least according to Google.
Anchor text has significant importance in terms of Search Engine effectiveness. When someone discovers your website and makes the decision to link to your website, they will inherently describe your website by entering some type of anchor text. Most of the time this process happens when people want to show or share your website with someone else because they think it's valuable. That is why Google likes anchor text.
Search engines such as Google rely on this data in order to improve reliability of the search engine results. That's part of the information Google uses to learn what a website is about. For you as a web page creator, that means only one thing: try to use anchor text in a way which will help Google to know what the page you are linking to is actually about. Cheating won't work here, so don't try saying something like: "The greatest website in the world" as your anchor text pointing to your website. It's just not going to help. Instead focus on describing the actual content of a page you are linking to.
What does HREF mean inside HTML "A" hyperlink tag?
HREF stands for Hyperlink Reference. It would be a little redundant to type that phrase every time we want to create a hyperlink with a specific URL destination, so it is abbreviated simply as href. You will see many examples of this abbreviation phenomena in other parameters. For example the image tag has src parameter which stands for the word source. But some parameters are not abbreviated, for example, one of the most commonly used parameters in modern HTML programming is style, and another one that is in wide use is called class. There is a parameter called id that specifies an id of an HTML tag such as div, table, span and many others. Element IDs are important, and I will cover them in my other HTML tutorials on this website in great detail.
Here is a more concrete example%253A
And here is what this code will look like in the browser:To learn more about creating websites, please go to Website Homework, featuring free tutorials about creating websites and other information you might find valuable.
Minimum HTML code to display a webpage
The minimum code to display a webpage in your browser is... Nothing. That's right. None. You can save any blank file and name it mywebpage.html, and from that point on it will be considered an HTML page. When you open such a page in your browser, you will respectfully see a blank space.
There is, however, a standard set of tags that your browser expects you to include in your HTML document. It is not necessary but highly recommended to do so. Let's follow the example below that displays the absolute minimum HTML code that the browser expects from your first web page:
As you can see, it is completely acceptable for HTML tags to reside within other HTML tags, as long as they open and close at the right time. Please close your tags after you open them before you open or close any other tags.
Looking at the code above you will notice something else that you might find peculiar. Why are there spaces in front of some of the tags, and no spaces before the HTML tag? You see, the more things you want to add to your web page, the more tags you will use. When your web page gets to a point of having a large number of HTML tags, it gets pretty confusing to understand where tags open and where they close.
In order to avoid that type 4 spaces (or use the Tab key) to "pad" any of the tags you open within the previous tags. This way your code appears to be clean and readable.
So, where do I enter HTML code in order for it to show up in my browser?
HTML code can be written in any basic text editor. Chances are, you already have one installed on your computer. Once you save your HTML code in a file called mywebpage.html (notice the .html extension) it will automatically be recognized as an HTML file by your operating system. Whenever you double click on this file to open it, it will be automatically opened in your default browser installed on your computer.
I hope you liked this tutorial. I have a few more on Website Homework. Here you will find HTML tutorials on all kinds of subjects including the basics of web page construction, the minimum code required to create an html page and some other beginner tutorials to get you started.