Basics of HTML

From Lunarpages Web Hosting Wiki
Jump to: navigation, search

Hyper Text Markup Language, or as you know it HTML, is the markup language for most web pages on the Internet.

Now, it is not exactly a language like English or Spanish, which we communicate with verbally. A markup language is a system for editing text in a way that changes how the text looks or how you interact with it. Where you use funny looking code to make one section of text look different than the other, the code in question is not seen by the end user. The server the web page is coming from, and the user's browser come together to help mesh it together as something that is seen as visually appealing to the end user.

A Simple HTML Example

Here is an example of a web site written in HTML code:

<html>
<body>
<p>This is my first web site.  I hope you enjoy it!</p>
</body>
</html>

Breaking Down the HTML Code

As you can see from the text above, this is a pretty simple example. You have the basic text of the web site, "This is my first web site. I hope you enjoy it!" with several HTML tags wrapped around it. The HTML tags are what give the text commands on how it should be interpreted by the browser.

  • The <html> and </html> tags wrapped around the text tells you this is an HTML document.
  • The <body> and </body> tags wrapped around the text tells you this is the "body" of the web page, where the content you want displayed in the browser goes.
  • The <p> and </p> tags wrapped around the text tells you this should be formatted as a paragraph.

Now here is how that would appear in your web browser:

Simple-site.png

Here are some frequently asked questions somebody might have at this point.

How do you create an HTML file like this one? Best thing to use would be a plain text editor, such as Notepad. The reason for this, is you want the files in question to be saved with no extra markup information included.

How do I save the file as a HTML web page? You will want to save the file with a .html extension at the end. This will tell the web browser that this page is an HTML coded page, and should be read like one. As an example, I saved this file as "test.html". The "test" name does not matter at this point, it could be anything. We will dive deeper into how to name your HTML files in a later tutorial.

What Have You Learned About the Basics of HTML?

Now, take a look back at what this page has taught you:

  • HTML is an abbreviation for Hyper Text Markup Language.
  • A markup language is a system for editing text in a way you interact with it.
  • You saw how a very basic HTML web page is formatted.
  • You can use a plain text editor to create simple web pages.
  • A HTML web page must be saved with the extension .html or .htm.

Web Design Tutorial Navigation

Next Web Design Tutorial:

Share |
Want to read this in another language?