HTML learning 13: body tags of other common tags

Source: Internet
Author: User

HTML learning 13: body tags of other common tags

After talking about the header label in the previous blog, we mainly talk about the label in the HTML part this time.

I

Tag

 

Div tag defines a partition in the document,

An element is a block-level element. It is a container that can be used to combine other HTML elements. Element missing

 

Has a specific meaning. In addition, because it is a block-level element, the browser will display a line before and after it. If it is used with CSS,

Element availability

 

Set style attributes for Large content blocks.

Another common purpose of the element is document layout. It replaces the old-fashioned la s with table-defined la S.

 

Method. Use

The document layout of elements is not the correct use of the table.
The element is used to display table-based data.

 

 

 This is div area 1 This is div area 2 

This is a paragraph

 

The div area is larger than that indicated by p. The p tag can be placed in the div tag, but not vice versa.

2 span tag

Indicates the line element in the document. An element is an inline element and can be used as a text container. The element has no specific meaning. When

When CSS is used together, elements can be used to set style attributes for some texts.

 

 This is span area 1. This is a title. 

 

3. Tag

 

Example:

 

  Logon Name:  

Logon password:

Reset button
One button
One buttonThe result of running the Code is that the first two reset buttons both have the function of resetting data, and the last two buttons have no function of resetting data. Outside the form tag

 

The button tag does not work even if it is changed to the reset or submitted attribute value.

Four tags
The abbreviation of an indicator provides useful information for browsers, spelling checks, and search engines. Attribute: The full spelling of the title label abbreviation.

 

 DPRKIt is a socialist country located in the northern part of the East Asian peninsula. The browser displays the following results: 

 

V.Tag

Defines the annotation for the input tag. The usability is improved for the mouse user. When the label text is clicked, the corresponding input control is triggered.

Common attributes:. The value is an id defined by the input label and the form element to which the label is bound.

 

  Male  Female The running result is: you can click the text or single-sheet button to select. 

 

The second function is the text of multiple check boxes. If you select multiple options, you need to write a lot of attributes for. Here we can

Put the input label into the label, eliminating the hassle of code input.

 

  Basketball FootballThe running result is no different from the preceding one. 

 

6. Other common labels

(1)

Label: The included text is horizontally centered.

 

(2)Label: A part of the text.

(3)Label: font of bold text.

(4)Tags: italics are used in text content.

(5)Label: underline the text content.

(6)

Label: displays the complete code format.

 

(7) Tag: subscript of the character.

(8) Tag: the upper mark of the character.

(9) Label: enables the text content to be dynamically displayed with a variety of scrolling effects.

 

This is a label with dynamic effects. This isDemoOther commonTag X2

I learned front-end knowledge in the siege class.

I learned front-end knowledge in the siege class.

OnSiege classLearn frontend knowledge

Static void Main (string [] args) {ArrayList al = new ArrayList (); // create an ArrayList Class Object al Random rm = new Random (); // create a Random Class Object rm for (int I = 0; I <10; I ++) {int sjs = rm. next (); // call the Random selection non-negative method of the Random class al. add (sjs); // call the Add method at the end of the element of the ArrayList class} al. sort (); // The foreach (int temp in al) {Console. writeLine (temp);} Console. readLine ();}
The browser displays the following results:

 

Finally, let's talk about the classification of tags:

Tags are classified into two categories:

One block-level label (element): a complete block, region. There is a line break after the label ends.

Common tags include div p dl table ol ul title.

Intra-row label (element): Used in block-level elements. It cannot represent a complete block, a block, or a part of a row. Tag

There is no line feed after the bundle.

Common labels are: font span img input select.



 

 

 


 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.