Basics of HTML

  1. Terms and Definitions
  2. Principles of WEB 2.0
  3. The structure of the HTML-document
  4. Main metatags
  5. Formatting Text HTML
  6. Lists html-page
  7. Text fixed format
  8. Selected text html-page
  9. Change font options
  10. Graphics html-page
  11. Tables html-page
  12. Hyperlinks
  13. IMAGEMAP
  14. Frames

CSS-based

  1. What is CSS
  2. CSS syntax
  3. Style classes
  4. Combined styles
  5. CSS table
  6. CSS cascading rules
  7. Recommendations applying styles
  8. Font options
  9. Line breaks, vertical alignment
  10. Background settings
  11. Parameters of the paragraph
  12. List options
  13. The parameters of the cursor
  14. Options indentation
  15. Parameters frame
  16. Parameters selection
  17. Display options
  18. Containers


   

Main metatags

In the previous lesson was told about the structure of the HTML-page. This lesson will cover the basic meta tags, which contains the HTML-page. Once again, that the meta tags are not displayed in the browser window, and contain the instructions for the browser and search engines.

Meta tags are in the container HEAD and go right behind TITLE.

Encryption page tells the browser which character set to use when displaying the page. If encoding is not specified, the browser will attempt to determine its own, which can cause incorrect display of HTML-page content.


EXAMPLE:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - HTML4
<meta charset="UTF-8"> - HTML5

In HTML5 is given short information that simplifies the work of webmasters and provides backward compatibility with earlier versions of HTML.

The most popular encoding is UTF-8 (Unicode) - a universal encoding that meets the needs of most webmasters. To add as non-standard characters are not in UTF-8, you should refer to the special table, for example, XHTML Character Entity Reference


IMPORTANT!

If the page encoding is not specified, it can pose a security risk for your site.


Language HTML-page. To determine the language of HTML-pages in HTML5 attribute used lang .


EXAMPLE:

<meta lang = "en"> - English;
<meta lang = "ru"> - Russian;
<meta lang = "es"> - Spanish;
<meta lang = "it"> - Italian;
<meta lang = "de"> - German;
<meta lang = "fr"> - French;
<meta lang = "uk"> - the Ukrainian language;
<meta lang = "pl"> - Polish;

Two meta tag that we considered necessary for the correct display of the contents of HTML-page in a browser window. The following meta tags to be considered, designed for the search engines.


EXAMPLE:

<meta name="Title" content="***">
<meta name="description" content="***">
<meta name="keywords" content="***">


EXAMPLE:

<!DOCTYPE HTML>

<html>
<head>
	<title>Education HTML</title>
	<meta charset="UTF-8">
	<meta lang="en">
	<meta name="Title" content="Education HTML">
	<meta name="description" content="Lessons for the study of HTML">
	<meta name="keywords" content="html, Lessons html">
</head>

<body>

I learned Main metatags!

</body>
</html>

TOP ↑