Understanding the Head, Title, and Body Tags for Beginning Web Design

In my last post, I covered creating a web page in its most rawest form. What does that mean? The webpage has no content, not even a title page. I wanted to offer an illustration that just the html tags <html> and </html> could create a web page that any web browser could read.

Now it’s time to create some content. In this article, I will cover the Head tag and Title tag together.

In the previous blog, when I create a web page, it didn’t have a title page. This is because I hadn’t put in the two important tags (commands) for the web broswer to know what the title of my page was.

Head tags are tags that tell the web browser what the page is about. Think of it as resume. You are reading something about someone on paper before seeing them. Everything in the HEAD tag is hidden from the visitors of your web page. Remember, I said hidden, not secret. It can be found).

Now, lets add the head and body tags. Think of the order of the body when writing html code.

  1. HTML = I recognize this as a body.
  2. HEAD = I am first. what is inside of here no on can see.
  3. BODY = Everyone (everything in here) can see the physical me.

Here is what the first step looks like.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Now it is time to add some content. First, we will give our webpage a title. This will always be between the head tags. Next, we want to add some content. This will always be within the body tags.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Now Save As, to replace old html file (See previous post)

 

Now open up your file with your web browser. Your page now his a title and content. Take a look at mine. I changed it to Eric P. Martin (I didn’t like the sound of My First Web Page)  and it shows up in the tab.

Video # 1

Video # 2

 


Your email address will not be published. Required fields are marked *