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


   

Tables CSS

CSS tables are divided into two types, depending on their location.

External style sheets

External CSS tables are stored in a separate file that has the extension .css (eg, style.css ).

EXAMPLE 1:

body {
	background: #FFFFFF;
	color: #000000;
	font: serif
}
a {
	color: Blue
}
p {
  margin: 0.95em 0.15em;
  font: serif;
  text-indent: 0.5em;
  text-align: justify
}

In order to "bind" a CSS to a specific html-page, use the meta tag LINK , which is embedded in the section HEAD html-page:

EXAMPLE 2:

<HEAD>
...
<link rel="stylesheet" href="style.css" type="text/css">
...
</HEAD>

Address style.css style sheet file is registered in the attribute HREF . The webmaster must make sure that the path to the stylesheet file has been registered correctly for each specific html-pages. To avoid confusion, it is recommended to specify the absolute address, eg href = "http://my-site.com/style.css" . Other attributes of the tag LINK are not changed.

If necessary, it is possible to html-page bind multiple tables CSS:

EXAMPLE 3:

<HEAD>
...
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="style-2.css" type="text/css">
<link rel="stylesheet" href="style-3.css" type="text/css">
...
</HEAD>

The main advantage of external style sheets is that they are tied to all html-pages of the website. Thus, the webmaster, changing table file CSS, immediately changes the appearance of all pages of the site.

The lack from external style sheets only one - in the case of loss of the stylesheet file, the entire site is deprived of its registration.

Internal stylesheet

Internal CSS tables are built directly into the html-code of the Web page. Selectors are embedded in the table tag pair STYLE , which is placed in a section of the HEAD .

EXAMPLE 4:

<HEAD>
...
<STYLE>
body {
	background: #FFFFFF;
	color: #000000;
	font: serif
}
a {
	color: Blue
}
p {
  margin: 0.95em 0.15em;
  font: serif;
  text-indent: 0.5em;
  text-align: justify
}
</STYLE>
...
</HEAD>

The main advantage of internal style sheets is that they are embedded in the body of html-pages, however, never "lost."

Disadvantages of internal tables CSS:

In the same html-page, can be used as internal and external tables CSS. In this case, the action consists of tables by certain rules, which will be discussed in other lessons.

EXAMPLE 5:

<HEAD>
...
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="style-2.css" type="text/css">
<link rel="stylesheet" href="style-3.css" type="text/css">
<STYLE>
body {
	background: #FFFFFF;
	color: #000000;
	font: serif
}
a {
	color: Blue
}
p {
  margin: 0.95em 0.15em;
  font: serif;
  text-indent: 0.5em;
  text-align: justify
}
</STYLE>
...
</HEAD>

TOP ↑