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

Use shell script to install python3.8 environment in CentOS7 (recommended)

One-click execution To install Python 3.8 in a vi...

How to support Webdings fonts in Firefox

Firefox, Opera and other browsers do not support W...

How to use dl(dt,dd), ul(li), ol(li) in HTML

HTML <dl> Tag #Definition and Usage The <...

Search engine free collection of website entrances

1: Baidu website login entrance Website: http://ww...

Deploy Nginx+Flask+Mongo application using Docker

Nginx is used as the server, Mongo is used as the...

How to import, register and use components in batches in Vue

Preface Components are something we use very ofte...

Vue2/vue3 routing permission management method example

1. There are generally two methods for Vue routin...

Embed player in web page embed element autostart false invalid

Recently, I encountered the need to embed a player...

The whole process of implementing the summary pop-up window with Vue+Element UI

Scenario: An inspection document has n inspection...

Detailed explanation of Nginx log customization and enabling log buffer

Preface If you want to count the source of websit...

How to write memory-efficient applications with Node.js

Table of contents Preface Problem: Large file cop...

Simple web page code used in NetEase blog

How to use the code in NetEase Blog: First log in...

Example code for converting html table data to Json format

The javascript function for converting <table&g...

How to get the real path of the current script in Linux

1. Get the real path of the current script: #!/bi...