Get the App
SLTechnology News&Howtos  ›  Development  › 

What is the basic syntax of HTML tables

Shulou Source: shulou.com Published: 2022-06-01 04:34:04 09月22日 Update

This article mainly introduces the relevant knowledge of "what are the basic grammars of HTML forms". The editor shows you the operation process through actual cases, the method of operation is simple and fast, and it is practical. I hope this article "what are the basic grammars of HTML forms" can help you solve the problem.

The basic syntax of a table

...-define the form.

-define table rows

-define the header

-define table elements (specific data of the table)

Table with borders:

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

FoodDrinkSweetABC

A table without borders:

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

FoodDrinkSweetABC

Table elements that span multiple rows and columns (Table Span)

Table elements that span multiple columns

Copy the code

The code is as follows:

Morning Menu

Food Drink Sweet

ABC

Morning MenuFoodDrinkSweetABC

Table elements that span multiple rows

Copy the code

The code is as follows:

Morning Menu

Food A

Drink B

Sweet C

Morning MenuFoodADrinkBSweetC

Table size Settin

Border size settings:

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

FoodDrinkSweetABC

Table size settings:

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

FoodDrinkSweetABC

Table element gap setting:

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

FoodDrinkSweetABC

Table element internal blank setting:

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

FoodDrinkSweetABC

Alignment / layout of text in a table

# = left, center, right

Copy the code

The code is as follows:

FoodDrinkSweet

A

B

C

FoodDrinkSweetABC

# = top, middle, bottom, baseline

Copy the code

The code is as follows:

FoodDrink

SweetOther

A

B

C

D

FoodDrinkSweetOtherABCD

Alignment / layout of tables on the page (Floating Table)

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

My favorites...

Cookies, chocolates, and more.

FoodDrinkSweetABC

My favorites...

Cookies, chocolates, and more.

FoodDrinkSweetABC

My favorites...

Cookies, chocolates, and more.

# = space value

Copy the code

The code is as follows:

FoodDrinkSweet

ABC

My favorites...

Cookies, chocolates, and more.

FoodDrinkSweetABC

My favorites...

Cookies, chocolates, and more.

The title of the table

... = left, center, right

Copy the code

The code is as follows:

Lunch

FoodDrinkSweet

ABC

Lunch

FoodDrinkSweetABC

... = top, bottom

Valign=top is default.

Copy the code

The code is as follows:

Lunch

FoodDrinkSweet

ABC

This is the end of FoodDrinkSweetABC's introduction to "what are the basic grammars of HTML tables". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Tags: Code tables syntax dimensions knowledge borders layout industry multiple lines different practical content practical practical data text articles methods more title Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Redmi MySQL Shulou Technology Shulou Information Linux