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


   

Formatting Text HTML

This lesson will discuss the main methods of formatting text.

Tag HR creates a horizontal line and is used to visually selected text on the screen. Tag HR does not have a closing tag.

Tags H1, H2, H3, H4, H5, H6, create text captions. Headings isolated text information on the screen, enhancing its perception. Headings in HTML are different in the level (of importance). The largest headline - H1 ; the smallest headline - H6 .

Tag P forms a separate paragraph of the text. Default:

Tag BR starts a new line, it has no closing tag.

EXAMPLE:

...
<body>
<h1>Title 1</h1>
<h2>Title 2</h2>
<h3>Title 3</h3>
<h4>Title 4</h4>
<h5>Title 5</h5>
<h6>Title 6</h6>

This line of text contains 
<br>
a transition to another line.

<p>
This line of text formatted using the tag P.
</p>

<p>This line of text is underlined tag HR</p>
<hr>
</body>
...

Paragraphs give the text legibility and readability. Passage is an independent element of the HTML-page, and displayed separately from other items. These elements are called block . The paragraph in the HTML separates a small space from the previous and subsequent elements of HTML-pages. If a paragraph is placed entirely in the parent of the HTML-page, it will be displayed in one line - if not a paragraph is broken into multiple lines. In our example, the parent of the tag P is the tag BODY .

IMPORTANT!

The code in HTML-page spaces and line breaks between the tags that create blocks did not appear in the browser window. Therefore, HTML-code can be formatted for ease of reading. For example, a good practice of writing HTML-code is to create indents to indicate the nesting tags.

For ease of reading large text is divided into headings that divide the text into paragraphs, chapters, sections. The level in the HTML header specifies how large a part of the text it begins.

For an ordinary HTML-pages is enough titles of the first three levels. Headlines H4, H5, H6 are used for very large HTML-pages that have a complex structure.

Significantly expands the functionality of many Tagov their attributes . For example, consider the most frequently used attribute of align , which specifies the text alignment.

Attribute values align:

EXAMPLE:

...
<body>
<h1 align="center">Title 1</h1>

<p align="right">
The text is right-aligned
</p>

<p align="justify">
To paragraph text is aligned with the width
it should be longer than one line.
In this case, the browser automatically aligns the text to the left and right edges.
Alignment is due to the addition of the "extra" space between slovamii.
</p>

</body>
...

In conclusion, this lesson will talk about the comments. Comments can not be processed by the browser, it ignores them. Comments are proprietary information for a web designer to facilitate his reading HTML-code. I should say that is the only comment tag in HTML, where the opening and closing tags are different:

Anything between comment tags can not be processed by the browser. The text comments should be separated from the tag comment spaces.


TOP ↑