Краткий анализ введения и использования Table и div

Веб-интерфейс 1

Компоненты формы:

Нижний колонтитул заголовка заголовка

Таблица определяет таблицу

 <table border="1" cellpacing="0" cellpadding="0" align="center">
</таблица>

Заголовок определяет заголовок таблицы.

 <caption>веб-интерфейс/caption>конец 1<

Thead определяет часть заголовка

 <голова>
				<тр>
					<th>Идентификационный номер учащегося</th>
					<th>Имя</th>
					<th>Пол</th>
					<th>Возраст</th>
				</tr>
			</тхед>

Tbody определяет тело таблицы

 <тело>
				<тр>
					<td>01</td>
					<td>Чжан Сан</td>
					<td>Мужской</td>
					<td>20</td>
				</tr>
				<тр>
					<td>02</td>
					<td>李思</td>
					<td>Женский</td>
					<td>21</td>
				</tr>
				<тфут>
					<тр>
						<td colspan="3">Общее количество человек:</td>
						<td>60</td>
					</tr>
				</tfoot>
			</tbody>

Tfoot определяет нижний колонтитул таблицы, обычно для отображения сводной информации.

 <тфут>
					<тр>
						<td colspan="3">Общее количество человек:</td>
						<td>60</td>
					</tr>
				</tfoot>

Tr определяет линию

 <тр>
					<th>Идентификационный номер учащегося</th>
					<th>Имя</th>
					<th>Пол</th>
					<th>Возраст</th>
				</tr>

Th td определяет элементы данных (ячейки), th обычно используется для заголовков таблиц и имеет жирный шрифт.

Td обычно используется для основной части без жирного начертания.

 <тр>
					<td>01</td>
					<td>Чжан Сан</td>
					<td>Мужской</td>
					<td>20</td>
				</tr>

Td rowspan и colspan соответственно определяют количество строк и столбцов, охватываемых ячейкой.

 <td colspan="3">Общее количество человек:</td>

Cellspacing определяет интервал между таблицами.

Cellpadding определяет поля таблицы.

 <table border="1" cellpacing="0" cellpadding="10">

Div определяет разделение

 <div style="width: 200px;height: 200px;background-color:skyblue";>

Функция: отображение меток уровня блока на новой строке.

Разница между тегами уровня блока и встроенными тегами:

Теги уровня блока занимают всю строку. Встроенные теги располагаются слева направо.

Теги уровня блока: h1-h6 p ul ol li div table dl form

Встроенная метка: охватите метку br I em

Характеристики элементов уровня блока: display:block

Каждый блок начинается с новой строки, а последующие элементы начинают новую строку. Ширина, высота, высота строки, а также внутренние и внешние поля элемента являются настраиваемыми. Если ширина элемента не задана, она будет установлена. 100% его родительского контейнера, если только Вы не зададите для него высоту

Характеристики встроенных элементов: отображение: встроенный

Все они находятся на одной строке с другими элементами. Ширина, высота, высота строки, а также внутренние и внешние поля элемента не могут быть установлены. Ширина элемента равна ширине содержащегося в нем текста или изображения и не может быть изменена. .

Характеристики элементов встроенного блока: display: inline-block

и другие элементы находятся на одной строке. Можно задать ширину, высоту, высоту строки, а также внутренние и внешние поля.

Подвести итог

На этом завершается статья о кратком введении и использовании Table и div. Для получения дополнительной информации о введении и использовании Table и div, пожалуйста, найдите предыдущие статьи на сайте downcodes.com или продолжайте просматривать следующие связанные статьи. Надеюсь, поддержите даункоды. com больше в будущем!