Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "what are the functions of HTML elements". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

1. Elements

Suppose you want the user to select a value from many options in some form. To do this, create a drop-down list using the element. And add an element for each possible option.

Strawberry

Raspberry

Apple

Apricot

Cucumber

Carrot

Broccoli

Cabbage

This is great for short lists, but it can cause confusion when you have a large number of options available. A simple improvement is to combine similar options so that users can jump directly to more relevant options without having to search for all the options.

The first idea of how to achieve this goal may be to follow the following ideas:

-Fruits

Strawberry

Raspberry

Apple

Apricot

-Vegetables

Cucumber

Carrot

Broccoli

Cabbage

This is a big improvement for users, but now the messy options in our tags are only used to separate groups.

Fortunately, there is a better way to do this-even with elements!

Examples are as follows:

Strawberry

Raspberry

Apple

Apricot

Cucumber

Carrot

Broccoli

Cabbage

As you can see, we implemented the functionality we wanted, and the browser even added some other styles to make it easier for users to navigate through the list.

2. Elements

This HTML element can clean up your code a little bit and make it easier to ReFactor URL in the future. This element needs to be placed inside the element of the page.

Every element on the page will have a corresponding URL, whether for an image or a URL.

Changing the URL later will be a single-line change. In addition, this reduces repetitive code and makes your URL shorter and easier to read.

Examples are as follows:

HTML base Tag

3. Elements

This element can be used to mark some text as keyboard input, and you can quickly and easily improve the markup when writing documents or technical blog posts.

I recommend using this tag in conjunction with some other CSS styles, such as Stack Overflow in this example:

4. Elements

Element can add more semantics to the page. It is used to mark some text as computer output. The default style of the sample text is to display it in an equal width font.

Similar to elements, you can customize and improve styles with only a small amount of CSS.

5. And elements

These are the last two elements that I want to mention here to make the markup cleaner. They are applied to a portion of the text tag that has been deleted or added, respectively.

Browsers usually use elements to delete text and add a delete text line to the deleted text, but you can use some custom styles to enhance the style, just like all other elements.

6. Elements

Wbr represents the opportunity for word breaking and controls the word breaking behavior of the browser. If you have to deal with long words that are split differently from the browser's default, you can solve the problem perfectly by using elements.

7. Elements

Field sets are a good way to add more structure to a form! Especially when working with large forms, you can use field sets to make it easier for users to get an overview of the form.

Examples are as follows:

Personal information:

First name:

Last name:

Email:

Payment:

Credit card number:

CVV:

8. Elements

Elements make it very easy for styles to be applied to tables.

And the interior of the element can also be defined as well as any element after it and any element before it.

You can also use the span property to control the group style in the content. If you do not define any span, it defaults to a single column.

Examples are as follows:

ISBN

Title

Price

3476896

My first HTML

$53

5869207

My first CSS

$49

9, and elements

These elements can be used to build some description lists. These elements are useful when you build a glossary or reference list for a blog or book.

The following is an example of a description list:

Coffee

Black hot drink

Milk

White cold drink

This is the end of the content of "what are the functions of HTML elements?" thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.