Tags for creating a list of any type of html. Tags - what they are and what they are. Reasons for using lists

We looked at an example of creating a simple page where comments on some html tags were given, because it seems to me that it is better to first show something with an example, and then move on to a more detailed description. That is why page creation was covered in the second lesson, and more detailed in the third.

So, below are descriptions of common html tags that are used on almost every page of the site. Believe me, there are already enough of them to write an entire website.

List of html tags

1. HTML tag (for paragraphs)

- displays a text paragraph (allows attributes style, class, id). The most common tag, since text is most often placed in it (however, it was created for this).

For example, html code:

Text paragraph number one

And this is another paragraph

Text paragraph number one

And this is another paragraph

You can also add the style parameter to the tag:

With these different values ​​you can edit appearance font. You can read about these parameters in a separate lesson: styles in html and the css font property.

You can also register the CLASS and ID attributes. For example:

2. HTML tag and(bold)

AND - two tags to make the font bold. There is no difference between these tags.

Let's give an example. Html code:

thumbnail

Converted on the page to the following:

thumbnail

You can also prescribe the CLASS and ID attributes (as in the case of Note

These tags have little impact on the ranking of documents in search engines, so it's best not to use them aimlessly.

3. HTML tag (create italics)

- italic font (allows parameters style, class, id)

For example, html code:

italic text

Converted on the page to the following:

4. HTML tag (underlined text)

- underlined font (allows parameter style, class, id)

For example, html code:

underlined text

Converted on the page to the following:

underlined text

5. HTML tag (creating a hyperlink)

Creates a link on the page (allows style, class, and others).

For example, html code:

link text

Converted on the page to the following:

All parameters and attributes of the tag will be discussed in a separate lesson: html tag.

6. HTML tag

(titles in content)

,...,
- heading tags inside the content (allows the style, class, id parameter). Moreover, the smaller the number, the more weight and size (by default) the text enclosed in these tags has.

For example, html code:

H1 heading

Tag

used for the page title (as well as the title)

Use these tags only for their intended purpose, i.e. only when the article needs a heading. This is because the tags

,...,
have a big impact on search engines. If used correctly, the chances of getting to the top of the search results are very high.

7. HTML tag
(alignment)

- aligns content to the center.

For example, html code:

This text will be in the center

Converted on the page to the following:

This text will be in the center

Note
  • - for text
  • ...
    - for everything (like an image)

8. HTML tag (subscript)

- displays a subscript font.

For example, html code:

Plain text, subscript

Converted on the page to the following:

Plain text, subscript text

9. HTML tag (superscript)

- displays a superscript font.

For example, html code:

Plain text, superscript

Converted on the page to the following:

Plain text, superscript text

10. HTML tag ,

, - displays the font one pixel more / less than the current size (allows the parameter style, class, id).

For example, html code:

Regular font, this font is one pixel larger

Converted on the page to the following:

Regular font, this font is one pixel larger

11. HTML tag
    (creating lists)

Lists (accepts style, class, id parameters). Each new element is recorded between

  • and
  • .

    For example, html code:

    List:
    • first element of the list
    • second list item

    Converted on the page to the following:

    List:

    • first element of the list
    • second list item

    12. HTML tag (creating tables)

    - creates a table (allows the style, class parameter). Each new line is created with tags and the column .

    For example, html code:

    1-row 1 element1-row 2 element
    2-row 1 element2-row 2 element

    Converted on the page to the following:

    All tag features

    13. HTML tag
    (line break)


    - go to the next line, is a single tag.

    For example, html code:

    Line 1
    2-line
    3-line And this text will be on the 3rd line, since there was no transition

    Converted on the page to the following:

    1-String
    2-line
    3-line And this text will be on the 3rd line, since there was no transition

    14. HTML tag
    (horizontal line)


    - draws a line, is a single tag (allows the style, class parameter).

    For example, html code:

    Some text above the line
    And this text will already be under the line

    Converted on the page to the following:

    Some text above the line And this text will already be below the line

    15. HTML tag (image output)

    For example, html code:

    http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">

    Converted on the page to the following:

    All tag features will be discussed in a separate lesson:.

    16. HTML tag (text formatting)

    - to format text, change style, etc. (allows parameter style, class, id). Its weight in the eyes of search engines is absent, so you can use it as much as you want.

    For example, html code:

    This text is green and its size is 15px

    Converted on the page to the following:

    Note

    A similar tag is.

    17. HTML tag
    (form creation)

    - creating a form on the page (allows the style, class parameter).

    For example, entering a username and password, any buttons, any registration form - all these are forms.

    18. HTML tag
    (creating blocks)

    - serves to create blocks on the page (allows the style, class parameter). Previously, tables were mainly used for layout on pages. After the tag appears
    the task has been simplified. Almost all sites contain
    blocks as a convenient alternative to tables.

    HTML tags- the basis of the HTML language. Tags are used to delimit the beginning and end of elements in the markup.

    Each HTML document consists of a tree of HTML elements and text. Each HTML element is identified by a start (opening) and end (closing) tag. The start and end tags contain the tag name.

    All HTML elements are divided into five types:

    • empty elements , ,
      ,
    , ,
    , , ,
    Used to store additional information about the page. This information is used by browsers to process the page, and search engines use it to index it. In the block there may be multiple tags , since, depending on the attributes used, they carry different information.
    Measurement indicator in the specified range.
    The section of the document containing the navigation links around the site.
    Defines a section that does not support scripting (script).
    Container for embedding multimedia (for example, audio, video, Java applets, ActiveX, PDF and Flash). You can also insert another web page into the current HTML document. To pass the parameters of the plugin, use the tag .
    An ordered numbered list. Numbering can be numeric or alphabetical.
    Container with a title for a group of items
    Defines an option / option to select from a dropdown list
    The field for displaying the result of the calculation, calculated using the script.

    Paragraphs in the text.
    Defines options for plugins that are embedded using an element .
    A container element containing one element and zero or more elements ... Doesn't display anything by itself. Allows the browser to choose the most suitable image.
    Displays text without formatting, preserving spaces and hyphenation. Can be used to display computer code, email messages, etc.
    A progress bar for a task of any kind.
    Defines a short quote.
    Container for East Asian symbols and their decoding.
    Defines the enclosed text as the base annotation component.
    Adds a short description above or below the characters enclosed in the element , displayed in small font.
    Marks embedded text as additional annotation.
    Displays alternative text in case the browser does not support the element .
    Displays text that is not current, strikethrough.
    Used to display text representing the result of executing a program code or script, as well as system messages. Displayed in monospaced font.