HTML table tag tutorial (17): table title vertical alignment attribute VALIGN

HTML table tag tutorial (17): table title vertical alignment attribute VALIGN

The table caption can be placed above or below the table, which can be adjusted via properties. The default table title is placed above the table.
Basic syntax
<Caption VALIGN="top">…</Caption>
<Caption VALIGN="bottom"> …</Caption>
Syntax
TOP means on the top and BOTTOM means on the bottom.
File example: 10-16.htm
The vertical alignment of the table caption is set by the VALIGN attribute of the <CAPTION> tag.
01 <!-- ------------------------------ -->
02 <!-- File example: 10-16.htm -->
03 <!--File Description: Set the vertical alignment of the table title-->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Set the vertical alignment of the table title</TITLE>
08 </HEAD>
09 <BODY>
10 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11 <CAPTION VALIGN="BOTTOM" ALIGN="RIGHT">Mainstream web design software</CAPTION>
12 <TR>
13 <TD>Web Graphics Software</TD><TD>Fireworks</TD>
14 </TR>
15 <TR>
16 <TD>Web page creation software</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>Web animation software</TD><TD>Flash</TD>
20 </TR>
21 </TABLE>
22 </BODY>
23 </HTML>
File Description <br />Line 11 defines that the table title text is bottom-aligned and right-aligned.

<<:  Front-end state management (Part 1)

>>:  MySQL select results to perform update example tutorial

Recommend

Global call implementation of Vue2.x Picker on mobile terminal

Table of contents What is the Picker component Pr...

Two ways to install the Linux subsystem in Windows 10 (with pictures and text)

Windows 10 now supports Linux subsystem, saying g...

Use Vue3+Vant component to implement App search history function (sample code)

I am currently developing a new app project. This...

Implementing carousel with native JavaScript

This article shares the specific code for impleme...

Native js implementation of slider interval component

This article example shares the specific code of ...

How to optimize MySQL deduplication operation to the extreme

Table of contents 1. Clever use of indexes and va...

The difference between distinct and group by in MySQL

Simply put, distinct is used to remove duplicates...

How to view and terminate running background programs in Linux

Linux task management - background running and te...

Vue.js style layout Flutter business development common skills

Correspondence between flutter and css in shadow ...

Let's learn about MySQL database

Table of contents 1. What is a database? 2. Class...

MySQL Database Basics: A Summary of Basic Commands

Table of contents 1. Use help information 2. Crea...

InnoDB engine redo file maintenance method

If you want to adjust the size and number of Inno...

Website construction experience summary

<br />What principles should be followed to ...