Alaska under the moon in the starry night
Statue of Liberty in Liberty Island in New York Harbor
USA stars Eye in the sky

Main (Home) page. USA 2017 .com "Lesson 02." - Term "tag" :: Making a template of webpage.


Somebody think about future. We make future today. USA2017.com. Peace, freedom, happiness for everyone in USA and everywhere on the Earth in 2017.

USA2017 :: "Lesson 02." - Term "tag" :: Making a template of webpage.

I searched all day along and finally found out all I need on USA2017.
/From the "Feedback collection on USA2017.com", USA2017.com./

HTML tutorial on USA 2017 Term "tag" :: Making a template of webpage. Lesson 02. Code for framework (template) of very simple webpage. Our first webpage html_page_template.html has no tag to show information for user in a browser window. There is only special tags and comment tag. These tags for programmers, not for users.
First publication rights USA 2017 com



Lesson 02. Term "tag" :: Making a template of webpage.

Here is the code for a template of simple webpage.
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Template of simple webpage</title>
</head>
<body>

<!--//
There is content of webpage for users between <body> and </body> tags.
//-->

</body>
</html>

The HTML <title> element is meta data. It defines the HTML document's title.

The title will not be displayed in the document, but might be displayed in the browser tab.

The HTML <head> element contains meta data. Meta data are not displayed.
The HTML <head> element is placed between the <html> tag and the <body> tag.
The HTML <body> element defines the document's body. There is content of webpage for users between <body> and </body> tags.

To check how it will looks click here: html_page_template.html. In browser you will see empty content. And Ostap open absolutely empty folder for amazing "Antilopa"'s passengers...

Though there is no reason for wondering. Our very first webpage html_page_template.html has no one tag for output information for an user into browser's window. The webpage has only special tags and a tag for comments. These tags are for programmers, not for users.

NB. There are maybe many html and htm files in every folder (Windows) or directory (UNIX). Format for calling html files with protocol and directory:
http://usa2017.com/html/html_page_template.html
123456789012345678901234567890123456789012345678901234567890
000000000100000000020000000003000000000400000000050000000006
Positions:
01-07 - protocol, in this case http
08-18 - domain of this website, in this case usa2017.com
19-24 - path to our file, in this case /html/
25-47 - file name with extension, in this case html_page_template.html
Files with names: index.html, index.htm, etc. are special, main, default files.
There are two ways we can call these files:
http://usa2017.com/html/index.html
http://usa2017.com/html/

Now we describe these tags.
<!DOCTYPE html> - The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. The <!DOCTYPE> declaration is an instruction to the web browser about what version of HTML the page is written in. In this case version of HTML is HTML 5.
<html dir="ltr" lang="en-US"> - The <html> tag tells the browser that this is an HTML document. The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <!DOCTYPE> tag). Attribute "dir" declared direction ltr (Left To Right). Attribute "lang" declared language en (English) and country US (United States of America).
<head> - The HTML <head> element contains meta data. Meta data are not displayed. The HTML <head> element is placed between the <html> tag and the <body> tag. There is a special area between <head> and </head> tags. This area for a programmer and for search engines, not for an website visitor.
<meta charset="UTF-8" /> - Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. In this case "meta charset" sets charset as "UTF-8".
<title> - The HTML <title> element is meta data. It defines the HTML document's title. The title will not be displayed in the document, but might be displayed in the browser tab.
</title> - this is the end of <title> element's area.
</head> - this is the end of <title> element's area.
<body> - The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc..
... area of "body" ...
</body> - this is the end of <body>'s area.
</html> - this is the end of <html>'s area.

Encoding must be UTF-8 (without BOM). Please pay attention that encoding must be UTF-8 (without BOM).

You can check what is current encoding by clicking:

Encoding...

And now you have to see, that current encoding is...
... and not any other!

Encoding must be UTF-8 (without BOM). If current encoding differs from UTF-8 (without BOM),

F.e., ANSI...

we have to change encoding into needed by clicking:

Encoding →

Convert to UTF-8 (without BOM) →

Save (image of diskette).



File now should be in encoding UTF-8 (without BOM).

It's a good idea to set Notepad++ such way, that all new files will be created in encoding UTF-8 (without BOM).

Please click following buttons:
Settings →
Preference... →
New Document →
Set option UTF-8 (without BOM) and click Close.
Set Notepad++ such way, that all new files will be created in encoding UTF-8 (without BOM).

To visit more lessons use navigation bar below ↓,


More Info about "HTML and Internet basics" → ↓

"1&1" - one of the largest web hosts in the world.

Register with one of the largest web hosts in the world.

Our broad product portfolio of domains, website packages, web hosting packages and high-end server solutions gives you plenty of choice.

Click Here → ↓


Happy new searching to you!

What to do and where to go?

If you plan to come back later...
Please remember this page -
URL: http://usa2017.com/html/p002.html
Basket is empty

Love Me Do portal. Miss USA 2017.
"Love Me Do"

Keep pornography out & protect your family. Content watch :: Stop Internet Porno. Free computer scan.
Content watch :: Stop Internet Porno.

Adobe Macromedia.
Adobe Macromedia.

"Love Me Do" portal on USA 2017.
"Love Me Do" portal on USA 2017.

Hosting Observer.
Hosting Observer.

Music portal on USA2017.com
Music portal on USA2017.com

USA2017.com Attention! Thank you for visit! I wish you great success in present and future!
Pleeeeeeease, don't forget to vote for me in 2017! Thanks for your support.
© CopyRight(R), CopyLeft(L), CopyCat(C) 2017, President of USA. USA2017.com.
We make future today. Join us now! Peace, freedom, happiness, for everyone in USA and everywhere on the Earth in 2017.
Our very special thanks for support to: Team of the hosting company.
News from USA 2017. Sign up!
Close and hide in basket
Account Now. Free direct deposit. Visa card. 100% Approval. $25 Bonus when you set up direct deposit. Sign Up in 60 seconds.
Close and hide in basket
Butlers Bubbly Game. Snow and skiing - the perfect holiday! Until Billy the Butler gets a thirst for your bubbly! Stop Billy before he polishes off ALL the champagne 'Moet et chandon' and stand in line to win incredible prizes!
Close and hide in basket
eToro. While markets plummet... You profit.