Учене на HTML част 26: Използване на атрибути за подравняване и подравняване в HTML таблици

Предишен материал сме обсъдили за функцията на атрибутите за ширина и височина в HTML таблица.

В тази дискусия ще обсъдяза това как да използвате атрибутите за подравняване и валидиране в тага <table>. Трябва също да знаете, че използването на тези два атрибута се поддържа само от HTML4.01, но не се поддържа от HTML5. За повече подробности относно двата атрибута, нека разгледаме обяснението по-долу:

Подравняване на атрибут

Атрибутът подравняване в таблицата се използва за задаванеформа на изравняване на данни на таблицата хоризонтално. Атрибутът подравняване може да се използва в <table> тага, който ще определи позицията на таблицата или в <tr>, <th> или <td> таговете, които ще определят позицията на съдържанието на таблицата (данните) в таблицата хоризонтално.

В <table> тага стойностите, които могат да бъдат приложени към атрибута подравняване, са:

Ляв за да направите позицията на таблицата вляво (по подразбиране).
прав за да направите позицията на масата вдясно.
център за да направите позицията на масата в средата.

Следва пример за писане на код и използване на атрибута за подравняване в <table> тага:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Align di HTML</title>
</head>
<body>
<table border="2" align="right">
<tr>
<th>No</th>
<th>NIM</th>
<th>Nama</th>
</tr>
<tr>
<td>1</td>
<td>071401001</td>
<td>Ridayanti</td>
</tr>
<tr>
<td>2</td>
<td>071401002</td>
<td>Ahmad Zulham</td>
</tr>
<tr>
<td>3</td>
<td>071401003</td>
<td>Zulaikha</td>
</tr>
</table>
</body>
</html>

След като горният код се изпълни в браузъра, той ще се появи, както е показано по-долу:

След това в атрибута за подравняване, който се използва за коригиране на подравняването в таблицата с данни (<tr>, <th> или <td>), има четири стойности, а именно:

стойност	функция
ляв	Направете съдържанието на клетките оставено подравнено (по подразбиране)
прав	Направете съдържанието на клетката плоска вдясно
център	Направете съдържанието на центровете на клетките плоски
оправдае	Направете съдържанието на клетката изравнено наляво и надясно

Следва пример за писане на код и използване на атрибута подравняване за изравняване на данни от таблицата:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Align di HTML</title>
</head>
<body>
<table border="2">
<tr>
<th>Nama Lengkap</th>
<th width="200">Nama</th>
<th>Hobi yang Paling Disukai</th>
</tr>
<tr>
<td align="center">Zakaria</td>
<td align="right">Zaka</td>
<td align="left">Futsal</td>
</tr>
</table>
</body>
</html>

След като HTML кодът се изпълни по-горе в браузъра, той ще се появи, както е показано по-долу:

Валиден атрибут

Атрибутът valign в таблицата се използва заподредете вертикално подреждането на масата. Атрибутът valign се записва в <tr>, <th> или <td> таговете, които определят вертикално позицията на съдържанието на таблицата (данните) в таблицата. Има четири стойности, които могат да бъдат приложени към атрибута valign, а именно:

стойност	функция
връх	Направете съдържанието на клетките равномерно отгоре на клетките
дъно	Направете съдържанието на клетките равномерно изравнено с клетките
среден	Прави съдържанието на клетките в средата на клетките
изходното ниво	Направете съдържанието на клетката в позицията на първия текст, който е въведен в клетката

Следва пример за кода за писане и използването на атрибута valign в HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Valign di HTML</title>
</head>
<body>
<table border="2" height="150">
<tr>
<th>No</th>
<th width="100">NIM</th>
<th>Nama</th>
</tr>
<tr>
<td align="center" valign="baseline">1</td>
<td valign="top">071401001</td>
<td valign="top">Ridayanti</td>
</tr>
<tr>
<td align="center" valign="baseline">2</td>
<td valign="bottom">071401002</td>
<td valign="bottom">Ahmad Zulham</td>
</tr>
<tr>
<td align="center" valign="baseline">3</td>
<td valign="center">071401003</td>
<td valign="center">Zulaikha</td>
</tr>
</table>
</body>
</html>

След като горният код се изпълни в браузъра, той ще се появи, както е показано по-долу:

Това е целия материал за използване на атрибути за подравняване и валидиранев таблицата в HTML, дано да разберете добре този материал. Следващият материал, който трябва да научите, е как да създавате формуляри в HTML.

</ P>

Прочетете повече: