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.INUMO.RU", USA2017.INUMO.RU./
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.
Lesson 02. Term "tag" :: Making a template of webpage.
Here is the code for a template of simple webpage.
<html dir="ltr" lang="en-US">
<meta charset="UTF-8" />
<title>Template of simple webpage</title>
There is content of webpage for users between <body> and </body> tags.
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:
01-07 - protocol, in this case http
08-18 - domain of this website, in this case usa2017.inumo.ru
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:
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.
Please pay attention that encoding must be UTF-8 (without BOM).
You can check what is current encoding by clicking:
And now you have to see, that current encoding is...
Encode in UTF-8 without BOM
... and not any other!
If current encoding differs from UTF-8 (without BOM),
we have to change encoding into needed by clicking:
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:
New Document →
Set option UTF-8 (without BOM) and click Close.
USA 2017. Search page. Search Box. :: What is search? Search is the activity of looking thoroughly in order to find something or someone. Life is searching and searching is a zest of our life. When you try to locate or discover, or try to establish the existence of something, use the search box on USA 2017.
HTML tutorial on USA 2017, main page. :: HTML is an ace of base of Internet. This HTML tutorial has been created for newcomers to let them quickly understand Internet basics. From other side, experienced users also will found some lessons to be useful. This HTML tutorial contains hundreds of HTML examples. Also there are built-in lab works to ease for users process of understanding how some opportunities are actual today.
Chess portal on USA2017. :: Chess is the best game over the world. Chess makes your brain work good and your soul feel happy. Chess is taught to children in schools around the world today. Many schools host chess clubs, and there are many scholastic tournaments specifically for children. Tournaments are held regularly in many countries, hosted by organizations such as the United States Chess Federation and the National Scholastic Chess Foundation. I don't think about chess as a sport, for me chess is an art.