Home >Web Front-end >HTML Tutorial >HTML Format Tags

HTML Format Tags

王林
王林Original
2024-09-04 16:20:04645browse

In HTML, tags are the first and foremost important thing. Once you enter HTML, knowing and understanding tags is the basic need as this is the separator that differentiates HTML code from the normal text. These are the tags that are used to display a document in either ordinary or transformed text as an instruction. What is the transformed text? To display a series of objects, the transformed text is the code. The objects can be media, hyperlinks, images, or other formatting methods.

For example, say in a phrase, “It is an apple”, the ordinary text format is “It is an apple”, while the bold format is “It is an apple”. This format is achieved by using the tag.

How does HTML Format Tags Help?

HTML provides us with various formatting options, which can be enabled via tags. You can make your text appear bold, underlined, italicized, and so much more with it. It can help to enhance the viewers ‘ look at the web page, making them more at ease to surf. However, if a lot of variety is used for formatting, it may prove to do the opposite.

Useful HTML Tags

Let’s walk through some of the most useful tags that can assist you in designing the texts.

  • Header tags

Headings are the beginning of any document. Several size headings can be used in HTML. It offers 6 heading levels

to < h6 >, with h6 being the smallest heading and h1 being the largest heading. As well as before the heading, a blank line is left by default.

  • Paragraph tag

This allows you to define the structure of the document in paragraphs. You use

and

, respectively, when you start and finish the paragraph.

  • Line-break tag

The line-break tag should be used to start the text from the next line. No opening tags and closing tags are available for this.

  • Horizontal lines

Horizontal lines are used to break down or separate different sections in a document. A horizontal line is drawn from the position of the cursor to the extreme right margin.

  • Center tag

This tag is used to bring the content of any page or table cell to the center.

  • Preformatted tag
    </strong></li>
    </ul>
    <p>A preformatted tag is used to keep the already existing format of the HTML document. Once this tag is entered, the same format is followed. <pre class="brush:php;toolbar:false"> is used as the opening tag, while 
    is used as a closing tag.

    • Font tag

    As the name suggests, it is used to apply a specific font to a text. It has three main attributes – face, size, and color. Face means the font name, like “Monotype Corsiva”, “Times New Roman”, etc. are used to change the font face. Font color can be changed using the tag (*) and its size can be changed using . For changing the font size with respect to the preceding text, you can use .

    • Bold tag

    To make the text bold, this tag is used. is used as the opening tag, and is used as the closing tag.

    • Italic tag

    To make the text Italic, this tag is used. is used as the opening tag and is used as the closing tag. Italics is the text’s slightly inclined format.

    • Underline tag

    To underline the text, this tag is used. is used as the opening tag, and is used as the closing tag. All the links in HTML are already underlined, so the need to use this tag for them is eliminated.

    • Strike-out tag

    To cross any text, this tag draws a line through its center. This shows that the text is to be removed or no longer be used. In its place you can also use .

    • Source code tag

    When using this tag, the text font in the document is formatted to the source code font and has a fixed width.

    • Typewriter text tag

    The font of the text becomes similar to the one as typed using the typewriter and has a fixed width.

    • Blockquote tag

    To create a long quotation, this tag is used. An extra-wide margin is shown on the left side of this quote.

    • Small

    Relative to the text around it, is used to make the font size little smaller. This eliminates the need for setting the font size separately. It comes in handy when you have to display ‘fine-print’.

    • Emphasis tag

    This usually helps to emphasize the italicized text. However, this attribute can vary for different browsers.

    • Strong emphasis tag

    Mostly this is used to emphasize the already bold text further. However, this attribute can vary for different browsers.

    • Deleted text tag

    Between these two tags, all texts are displayed as deleted texts.

    • Inserted Text tag

    Between these two tags, all texts are displayed as inserted texts.

    • Mark tag

    To mark or highlight text, this tag is used.

    • Superscript

    The text between the opening and the closing tag is written as the superscript when using this tag, with the size being the same as the surrounding text.

    • Subscript Text

    The text between the opening and the closing tag is written as the subscript when using this tag, with the size being the same as the surrounding text.

    Conclusion

    More than appearance, HTML format tags truly defines the structure of a document that enhances the final output. Even without knowing CSS code, HTML format tags help you format the text in the most unique manner. After getting a brief insight into the tags, this post would be immensely useful for beginners as well as experts. As one begins to input more and more text elements on the website, incorporating different properties through HTML tags is the easiest way to design the text elements on the website.

    The above is the detailed content of HTML Format Tags. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:Types of Tags in HTMLNext article:Types of Tags in HTML