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


   

Built-in containers

The container element called html-pages, which is designed to highlight a particular fragment thereof. This can be a paragraph, header, quote, text fragment, and so on. The browser does not emit container html-page.

With the help of container webmaster can "bind" to a particular element of the html-pages the desired style. In addition, the container provides a "binding" behavior to the element html-pages.

The containers are of two types: built-in modular containers and containers.

Integrated container is part of a block element html-pages. For example, the block container can be a piece of text paragraph, a graphic image, which is placed in a paragraph, and so on.

To create a built-in container is paired tag SPAN . The desired fragment of the block element is placed inside the tag SPAN , but with CSS creates the desired style, which is then "bound" to the tag SPAN .

EXAMPLE:

.block	{font-color: red}
...
<P>Rowan berries at <SPAN CLASS="block">red</SPAN> colors.</P>

Modular containers

Block container is formed by using the tag pair DIV and is used quite often. The block container placed various block elements: paragraphs, headings, tables, and so on.

EXAMPLE:

<DIV STYLE="text-align: center">
<P>...</P>
<TABLE>
...
</TABLE>
</DIV>

TOP ↑