Directory of html tags with pdf examples. Basic HTML Tags

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

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

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 by search engines to index it. There can be several tags in a block, since depending on the attributes used they carry different information. Indicator of measurement in a given range. A section of a document containing navigation links for the site. Defines a section that does not support scripting. Container for embedding multimedia (e.g. audio, video, Java applets, ActiveX, PDF and Flash). You can also insert another web page into the current HTML document. The tag is used to pass the parameters of the plugin. Ordered numbered list. Numbering can be numeric or alphabetical. A container with a title for a group of elements. Specifies an option/option to select from the , or , drop-down list. Field for displaying the result of a calculation calculated using the script.

  Paragraphs in the text. Defines parameters for plugins embedded using the element. A container element containing one element and zero or more elements. By itself it does not display anything. Allows the browser to select the most appropriate image. Outputs text without formatting, preserving spaces and text breaks. Can be used to display computer code, messages Email etc. An indicator of the completion of a task of any kind. Defines a short quotation. Container for East Asian symbols and their decoding. Defines its nested text as the base component of the annotation. Adds brief description above or below the characters contained in the element, displayed in a smaller font. Marks embedded text as additional annotation. Displays alternative text if the browser does not support the element. Displays text that is not current with a strikethrough. Used to display text representing the result of execution program code or script, as well as system messages. Displayed in monospace font. Used to define a client-side script (usually JavaScript). Contains either script text or points to external file script using src attribute. Defines a logical area (section) of a page, usually with a header. A control element that allows you to select values ​​from a proposed set. Variant values ​​are placed in . Displays text in a smaller font size. Specifies the location and type of alternative media resources for the , , . Container for inline elements. Can be used to format passages of text, such as highlighting individual words with color. Places emphasis in the text, highlighting it in bold. Includes embeddable style sheets. Specifies subscript writing of symbols, for example, element index in chemical formulas. Creates a visible title for the tag. Displayed with a filled triangle, clicking on it allows you to view the title details. Specifies the superscript spelling of characters.

  We looked at an example of creating a simple page where comments were given on some html tags, since it seems to me that it is better to first show something with an example, and then move on to more detailed description. That is why creating a page was discussed in the second lesson, and in more detail 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 style attributes, class, id). The most common tag, since text is most often placed in it (however, this is what it was created for).

  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 a style parameter to the tag:

  With these different meanings can be edited appearance font. You can read about these parameters in a separate lesson: styles in html and the css font property.

  You can also write CLASS attributes and ID. For example:

  2. HTML tag and (in bold)

  And - two tags that allow you to make the font bold. There is no difference between these tags.

  Let's give an example. HTML code:

  thumbnail

  Converts to the following on the page:

  thumbnail

  You can also specify 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 better not to use them aimlessly.

  3. HTML tag (create italics)

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

  For example, html code:

  italic text

  Converts to the following on the page:

  4. HTML tag (underlined text)

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

  For example, html code:

  underlined text

  Converts to the following on the page:

  underlined text

  5. HTML tag (creating a hyperlink)

  Creates a link on the page (allows for style, class, and other parameters).

  For example, html code:

  link text

  Converts to the following on the page:

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

  6. HTML tag (headings in content)

  ,..., - header tags inside the content (allows the style, class, id parameter). And what? The smaller the number, the greater the weight and size (by default) of the text enclosed in these tags.

  For example, html code:

  Heading h1

  The tag is used for the title of the page (as well as the title)

  These tags must be used only for their intended purpose, i.e. only when the article needs a title. This is due to the fact that tags,..., have a great influence on search engines. If they are used correctly, then the chances of getting to top lines outputs are very high.

  7. HTML tag (alignment)

  - aligns content in the center.

  For example, html code:

  This text will be in the center

  Converts to the following on the page:

  This text will be in the center

  Note
  • - for text
  • ... - for everything (for example, an image)
  8. HTML tag (subscript text)

  - displays subscript font.

  For example, html code:

  Plain text, interlinear text

  Converts to the following on the page:

  Plain text, interlinear text

  9. HTML tag ( superscript text)

  - displays superscript font.

  For example, html code:

  Plain text, superscript text

  Converts to the following on the page:

  Plain text, superscript text

  10. HTML tag,

  , - displays a font one pixel larger/smaller than the current size (allowed by the style, class, id parameter).

  For example, html code:

  Regular font, this font is one pixel larger

  Converts to the following on the page:

  Regular font, this font is one pixel larger

  11. HTML tag
  (creating lists)

  Outputs a list (accepts style, class, id parameters). Every new element recorded between

  • And
  .

  For example, html code:

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

  Converts to the following on the page:

  List:

  • first element of the list
  • second element of the list
  12. HTML tag

  Tag for creating a table.
  	Defines the body of the table.
  		Creates a table cell.
  	Used to declare HTML code fragments that can be cloned and inserted into a document by a script. The content of a tag is not a child of it.
  	Creates large text input fields.
  	Defines the table footer.
  	Creates a table cell title.
  	Defines the table title.
  	Defines date/time.
  	The title of an HTML document that appears at the top of the browser's title bar. May also appear in search results, so this should be taken into account when providing a title.
  Creates a table row.
  	Adds subtitles for elements and .
  	Highlights a passage of text by underlining, without additional emphasis.
  	Creates a bulleted list.
  	Highlights variables from programs by displaying them in italics.
  	Adds video files to the page. Supports 3 video formats: MP4, WebM, Ogg.
  	Indicates to the browser possible place breaking a long line.

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

  For example, html code:

  1-line 1 element	1st line 2nd element
  2-line 1 element	2-line 2 element

  Converts to the following on the page:

  All tag capabilities

  13. HTML tag
  (line break)

  
  - go to next line, represents a single tag.

  For example, html code:

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

  Converts to the following on the page:

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

  14. HTML tag (horizontal line)

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

  For example, html code:

  Some text above the line and this text will be below the line

  Converts to the following on the page:

  Some text above the line and this text will be below the line

  15. HTML tag (picture output)

  For example, html code:

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

  Converts to the following on the page:

  

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

  16. HTML tag (text formatting)

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

  For example, html code:

  This text is green and its size is 15 pixels

  Converts to the following on the page:

  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 login and password, any buttons, any registration form - all these are forms.

  18. HTML tag (creating blocks)

  - used to create blocks on the page (allows the style, class parameter). Previously, tables were mainly used to mark up pages. After the tag appeared, the task became easier. Almost all websites contain blocks as a convenient alternative to tables.

  HTML is a hypertext markup language. It is based on so-called tags. Tags are some wrapper elements that specify the format and properties of web page elements. We have compiled an up-to-date reference book for you on one page. HTML tags.

  There are more than a hundred markup elements in total. Each has a number of attributes and its own syntax. The HTML Tags Reference will help you quickly find the element you need.

  List of HTML tags

  The table below presents a list of HTML5 tags with a brief description in Russian.

  Tag Short description

  	A comment.
  	Defines the document type.
  	Link, hyperlink, anchor.
  	Defines text as an abbreviation.
  	Contact information for the author or owner of the document.
  	Defines an area on an image map
  	Article
  	Content aside (content is not the main content on the page)
  	Allows you to insert a currently playing audio file.
  	Bold text.
  	Specifies the base URL or target attribute for relative links in the document.
  	An area where writing text can take a different direction.
  	Sets the direction of writing text. In contrast to direction, the physical direction is indicated
  	Quote.
  	Specifies the body area of ​​the document.
  	Line break.
  	Clickable button
  	Used to draw graphics using scripts
  	Table signature.
  	Footnote to the title of the material.
  	Used to insert computer code in text form.
  	Specifies the characteristics of the columns in the table.
  	Defines a group of one or more table columns to format.
  	Used to define predefined options to choose from when you type in a text field
  	Defines the description of a term from a tag in a list of terms
  	Text that is deleted in new version document.
  	Defines Additional information, which the user can view or hide
  	Indicates that the content is a term.
  	Defines a dialog box or interactive element
  	A block element is one of the main layout elements.
  	Defines a list of definitions
  	Name of the term in the list of definitions
  	text highlighted for meaning (usually text in italics).
  	Container for external application
  	Group of related elements in a form
  	Title for element
  	Defines an autonomous group of several elements (for example, a picture with a caption)
  	footer
  	Defines a user input form
  -	HTML headers of different levels: , , , , , .
  	Specifies the head area of ​​the document.
  	Header block
  	Horizontal line- thematic separator.
  	Root element. Tells the browser that this document is an HTML document.
  	Italics text.
  	Defines an inline frame
  	Image, picture.
  	Input field
  	Text that has been added to the new version of the document.
  	Text entered from the keyboard or names of keyboard buttons. Typically in monospace font.
  	Label for the input field. Indicates the binding of an element (usually text) to an input field.
  	Element header
  	List item
  	Defines an external resource binding (most often a table binding CSS styles)
  	Main content
  	Container for . Defines a custom map on an image
  	Selected text (usually using background highlighting).
  	Container for a list of menu items
  	Defines elements that the user can call from context menu
  	Used to define document metadata.
  	Meter of values ​​in a given range
  	Container for navigation elements
  	Alternative content for users who have disabled scripts
  	Defines a built-in object
  	Defines a numbered list
  	Defines a group of related options in a drop-down list. Gives the name to the group
  	Parameter (choice option) in the drop-down list
  	Calculation result
  	Paragraph.
  	Sets options for built-in objects
  	Container for multiple images
  	Pre-formatted text.
  	Progress bar
  	Quote in text.
  	Alternative text if the browser does not support the .
  	Annotation for the content of the tag.
  	Container for symbols and their decoding (mainly for East Asian symbols, hieroglyphs).
  	Crossed out text.
  	Text that is the result of execution computer program(usually displayed in monospace font).
  	Defines a script or script connection from an external resource.
  	Chapter
  	Defines a dropdown list
  	Text in smaller font size.
  	Defines a resource for the , and .
  	Inline element.
  	Text highlighted by meaning. Typically displayed in bold.
  	Defines a container for defining document styles
  	Displays text as a subscript.
  	Heading inside a tag
  	Displays text as a superscript.
  Defines a table. Defines a content area in a table. Cell in table . Multiline input field Defines a group of rows at the bottom of a table - footer. More details A place where a line break is allowed. Legacy HTML tags How to replace the obsolete HTML tag? In most cases, CSS Cascading Style Sheets will do. There are also alternatives to tags not used in the new specification within HTML. The table below shows deprecated HTML tags with options for replacing them. Tag Brief description Acronym. Use a tag instead Built-in applet. Use or instead. Specifies the color, size, and font family of all text in the document. Use it instead Larger text. Use it instead Centered text. Use it instead List of directories. Use instead of him Specifies the color, size, and family of the font. Use it instead Frame inside. Use it instead Defines a frameset. To add multiple inline frames, use multiple elements Alt text if frames are not supported Crossed out text. Use or instead Monospace text. Use it instead Underlined text. Use it instead Popular articles Programs for home accounting The best application for home accounting How to restore the default search engine How to add a number to the “Black List” on Tele2 Tele2 Black List how to add a number What is a military personnel’s personal account and how to enter it without registration How to transfer contacts from iPhone to Android Latest articles Which tag defines the document type Here's a more detailed description of the most common subtitle formats How to forward a message to another person on VKontakte Why doesn't the VKontakte application work? How can I prevent history from being saved? Making a caricature from a photograph in Photoshop Increasing smartphone performance  Sections Youtube Facebook Twitter Adviсe Useful tips Pages about the project RSS news Special projects Connect with us Contacts Advertising on the website Contacts 2024 gtavrl.ru.