Subscribe to thelung's Blog
Leave Comment
Posted by
thelung 
'HTML' is short for hypertext markup language. It is a 'markup language' which for our use, means that you use it to specify how a document is going to be presented.
It uses tags, or markup, to accomplish this task. These tags create 'elements' in html. The term 'element' as it applies to html and javascript coding, means that it is a component of the html document. We can use these terms interchangeably, but it is important to understand that when you are making tags, you are creating 'elements' of your html document.
The tags that are used most commonly, can be thought of as a outline. You will start by using them to outline the very structure of your page.
<html> Represents your HTML document. You use it to specify that what the browser is reading is html.
<head> Represents the head of your document. This element is where you place information that is important to the web browser that is going to build your page from your markup.
<title> The 'title' element is placed inside of your <head> element and is one of the pieces of information that browsers need to know. It is the title of the page and it will be displayed in your pages tab within the web browser.
<body> Represents the body of your document that is going to be viewed in the browser by those who visit your page. This element will eventually contain the content that your users will read and the images that they will see.
<p> The 'paragraph' tag creates the paragraph element. This is where you should place your text and content.
IMPORTANT NOTE: All HTML elements must not only have the appropriate tag that specifies what element is being created, but they must also have a closing tag to specify when the element ends. To close an element, you simply type the element tag and place a forward slash / in front of the tag text that is within it.
Let's go ahead and create an .html page to show how this works.
For example:
Isn't this easy? You now know how to code HTML. Your next step is going to be learning HTML well enough to REALLY code HTML like a pro.
There are a few more key concepts that you will want to understand before we move on very much further.
It uses tags, or markup, to accomplish this task. These tags create 'elements' in html. The term 'element' as it applies to html and javascript coding, means that it is a component of the html document. We can use these terms interchangeably, but it is important to understand that when you are making tags, you are creating 'elements' of your html document.
The tags that are used most commonly, can be thought of as a outline. You will start by using them to outline the very structure of your page.
<html> Represents your HTML document. You use it to specify that what the browser is reading is html.
<head> Represents the head of your document. This element is where you place information that is important to the web browser that is going to build your page from your markup.
<title> The 'title' element is placed inside of your <head> element and is one of the pieces of information that browsers need to know. It is the title of the page and it will be displayed in your pages tab within the web browser.
<body> Represents the body of your document that is going to be viewed in the browser by those who visit your page. This element will eventually contain the content that your users will read and the images that they will see.
<p> The 'paragraph' tag creates the paragraph element. This is where you should place your text and content.
IMPORTANT NOTE: All HTML elements must not only have the appropriate tag that specifies what element is being created, but they must also have a closing tag to specify when the element ends. To close an element, you simply type the element tag and place a forward slash / in front of the tag text that is within it.
Let's go ahead and create an .html page to show how this works.
For example:
<html> <head> <title>My Web Page</title> </head> <body> <p>This is the first paragraph of my web page. As you can see, I have place my text in between the opening and closing tags of the paragraph element.</p> <p>Then, I have created a second paragraph element and placed the text for it in between the opening and closing tags of the paragraph element.</p> </body> </html>
Isn't this easy? You now know how to code HTML. Your next step is going to be learning HTML well enough to REALLY code HTML like a pro.
There are a few more key concepts that you will want to understand before we move on very much further.
Categories: Learning Basic Web Programming
Share This Entry:
0 Comments On This Entry
Trackbacks for this entry [ Trackback URL ]
Tags
My Blog Links
Recent Entries
-
Web Programming 101 | Chapter 1 - Lesson 3 "Using Basic HTML Markup, Tags, and Elements"
on Sep 11 2012 08:01 PM
-
-
Web Programming 101 | Chapter 1 - Lesson 1 - "What is HTML"
on Sep 11 2012 06:01 PM
Search My Blog
0 user(s) viewing
0 Guests
0 member(s)
0 anonymous member(s)
0 member(s)
0 anonymous member(s)
|
|
| 