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

This article mainly introduces what CSS tags are and how to use the relevant knowledge, the content is detailed and easy to understand, simple and fast operation, with a certain reference value, I believe you read this CSS tag what and how to use the article will have a harvest, let's take a look at it.

1, unordered list

A ul-li is an unordered list of information.

Syntax:

information

information

.

For example:

Wonderful youth

Beauty suddenly appeared

A melody that touches the heart

The default style displayed by ul-li on a web page is generally: each li item is preceded by a dot.

2, ordered list

Syntax:

information

information

.

For example:

Here is a list of hot course downloads:

Front-end development interview method

Zero basic learning html

JavaScript Total Raiders

The default style displayed on a web page is generally as follows: each item is preceded by a serial number, which starts from 1 by default.

Container label

In the process of making a web page, some independent logical parts can be divided and put into a tag, which acts as a container.

Syntax:

...

Determine the logic part:

What is the logical part? It is a set of interrelated elements on a page. For example, the independent column section of a web page is a typical logical part. As shown in the following figure: the part marked with a red border is a logical part, and the label can be used as a container

Comment: is a block-level element, that is, browsers usually place a newline character before and after the div element.

Create five elements of the table:

Table 、 tbody 、 tr 、 th 、 td

1. The entire table begins with a tag and ends with a tag

2. When there is a lot of content in the form, the form will be downloaded and displayed a little bit, but if tagged, the form will not be displayed until all the contents of the form have been downloaded. Such as the code in the code editor on the right. (this label is basically not used very much.)

3. A row of the table, so there are several rows for every pair of tr tables.

4. A cell in a table that contains several pairs in a row, indicating that there are several columns in a row.

5. A cell at the head of the table, the table header.

6. The number of columns in a table depends on the number of data cells in a row.

The table still needs to be optimized by adding some tags, such as titles and summaries.

Inventory records from 2012 to 2013

1. Use the tag to link to another page

The use of tags can achieve hyperlinks, it can be said to be ubiquitous in web page production, as long as there is a link, there will be this tag.

Syntax:

Text displayed by the link

For example:

Click here!

The above example works by clicking click here! Text, web page link to the http://www.imooc.com page.

Recognition

Tag to insert a picture for a web page

In the production of the web page, in order to make the web page dazzling and beautiful, there must be no lack of pictures, you can use

Tag to insert the picture.

Syntax:

For example:

Explanation:

1. Src: identifies the location of the image

2. Alt: specify the descriptive text of the image. When the image is not visible (if the download is unsuccessful), you can see the text specified by this attribute.

3. Title: provides a description of the image when it is visible (the text displayed when the mouse is over the picture)

4. The image can be an image file in GIF,PNG,JPEG format.

This is the end of the article on "what are the CSS tags and how to use them?" Thank you for reading! I believe you all have a certain understanding of the knowledge of "what are the CSS tags and how to use them?" if you want to learn more, you are welcome to follow the industry information channel.

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.