• Increase font size
  • Decrease font size
  • Default font size

Stay connected with us!

Lesson 2 - Some essential vocabulary

Attention: open in a new window. PDFPrint

Lesson 2 — Some Essential Vocabulary

There are some terms that are important for you to know because we'll be using them throughout the tutorial. Here are a few to start:

Index Page
Your index file is the main page of your website. It is called this because that's what you name it: index.html. You created the beginnings of your index page in Lesson 1. This can also be called your "Home Page."
Tag
A tag looks like this: where the word "tag" is replaced by a specific special word. When your browser reads this word it does something special. You used several of these tags in Lesson 1.
*IMPORTANT*
Due to technical limitations when we display a html tag in our text you will notice a space between the < and the actual tag. eg.
< tag >
When using the various tags on your own web page DO NOT include a space. Including this space will cause the tag to be ignored.
Angle Bracket
Angle brackets are the most important symbols in web design. These symbols, < and >, are also known as diamond brackets, cone brackets, wickets, chevrons, and funnels. However, most of us know them from school as less than and greater than signs. Every tag in HTML starts and ends with these symbols. On most keyboards they can be found on the period and comma keys.
Head Section
The head section of your website starts with the tag and includes everything up to and including the closing tag. Most of the data in this section of your website is read only by browsers and search engines, not by humans. Some of the tags you can place in this area help with search engine optimization, which goes beyond the scope of this tutorial.
Title Tag
The title tag of your document specifies what appears at the very top of the browser window on the same (usually blue) bar that has the window minimize/maximize and close buttons. The title is important because search engines read it (among other things) to get an idea of what your site is about. The title tag is always included in the section of your website and is the only thing from that section that is seen by humans.
Body Section
The body of your website is everything that you want people to see—it includes all of your text and images.

The above are important terms, so it is a good idea to try to commit them to memory.

One last essential vocabulary word is doctype. A doctype declaration tells the browser how to interpret your code. There are many doctypes that do all sorts of different things, but only a few that are used regularly. For our purposes we are only going to use a single doctype, so you can just copy and paste it into your index file in the appropriate location:

Enter this code
1
2
3

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

 

Just copy the above at the very top of your document, replacing the line. If you are writing your website in English, don't worry about what it means or what all the parts are—that is a topic for a more advanced tutorial.

If you are writing your website in another language, you should replace the instances of "en" with the code for that language. For example, the code for Spanish is "es", Japanese is "jp", and German is "de".

Let's Go!

Let's move on to Lesson 3 — Adding Text & Links.



How to link to this page



To create a link to this page on your website,
copy and paste the code below to your webpage.




Here's how it will appear on your web page:
Lesson 2 - Some essential vocabulary

Comments  

 
# new codeAlexander Cardona 2010-11-07 08:17
this new code to be paste in the index file were exactly is that has to be placed in a new word pad file or in the existing one from the lesson 1?
Reply
 
 
# Pasting the codeMark Kostner 2010-11-13 09:27
Hi there,

You can use the document you created in lesson one. Basically each lesson builds on the previous one, so as you go through each lesson, you keep adding to the same document, and, by the end you have a complete web page.

Mark
Reply
 
 
# pasting the codeBridget Ellis-Pegler 2011-01-19 09:44
Hi, when I reopen the doc i saved in lesson one, i can't edit it. It's saved on my c drive as index.html like instructed, so I'm not sure what i did wrong! thanks
Reply
 
 
# missing symbolsrik 2011-02-09 09:06
confused...

should there not be a
Reply
 
 
# RE: missing symbolsBilyana Yordanova 2011-03-10 08:30
Hi Rick,

What did you mean by that last comment?
Reply
 

Add comment


Security code
Refresh