Un breve análisis de la introducción y el uso de Table y div.

Interfaz web 1

Componentes del formulario:

Pie de página del cuerpo del encabezado del título

La tabla define una tabla.

 <table border="1" cellspace="0" cellpadding="0" align="center">
</tabla>

El título define el título de la tabla.

 <caption>frente web/caption>final 1<

Thead define la parte del encabezado.

 <cabeza>
				<tr>
					<th>Número de identificación del estudiante</th>
					<th>Nombre</th>
					<th>Género</th>
					<th>Edad</th>
				</tr>
			</thead>

Tbody define el cuerpo de la tabla.

 <tcuerpo>
				<tr>
					<td>01</td>
					<td>Zhang San</td>
					<td>Hombre</td>
					<td>20</td>
				</tr>
				<tr>
					<td>02</td>
					<td>李思</td>
					<td>Mujer</td>
					<td>21</td>
				</tr>
				<tpie>
					<tr>
						<td colspan="3">Número total de personas:</td>
						<td>60</td>
					</tr>
				</tpie>
			</tbody>

Tfoot define el pie de página de la tabla, generalmente para mostrar información resumida.

 <tpie>
					<tr>
						<td colspan="3">Número total de personas:</td>
						<td>60</td>
					</tr>
				</tpie>

Tr define una línea

 <tr>
					<th>Número de identificación del estudiante</th>
					<th>Nombre</th>
					<th>Género</th>
					<th>Edad</th>
				</tr>

Este td define elementos de datos (celdas) que generalmente se usa para encabezados de tablas y tiene un estilo en negrita.

Td se usa generalmente para la parte principal, sin negrita.

 <tr>
					<td>01</td>
					<td>Zhang San</td>
					<td>Hombre</td>
					<td>20</td>
				</tr>

Td rowspan y colspan definen respectivamente el número de filas y columnas que abarca la celda.

 <td colspan="3">Número total de personas:</td>

El espacio entre celdas define el espaciado de las tablas.

Cellpadding define los márgenes de la tabla.

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

Div define una división

 <div style="ancho: 200px; alto: 200px; color de fondo: azul cielo";>

Característica: muestra etiquetas a nivel de bloque en una nueva línea

La diferencia entre etiquetas a nivel de bloque y etiquetas en línea:

Las etiquetas a nivel de bloque ocupan toda la fila. Las etiquetas en línea se organizarán de izquierda a derecha.

Etiquetas a nivel de bloque: h1-h6 p ul ol li div table dl form

Etiqueta en línea: abarca una etiqueta br I em

Características de los elementos a nivel de bloque: display:block

Cada bloque comienza desde una nueva línea y los elementos posteriores comenzarán una nueva línea. El ancho, el alto, el alto de la línea y los márgenes interior y exterior del elemento se pueden configurar. Si el ancho del elemento no está establecido, se podrá configurar. 100% de su contenedor principal, a menos que establezcas la altura para él

Características de los elementos en línea: visualización: en línea

Todos están en la misma línea que otros elementos. El ancho, el alto, el alto de la línea y los márgenes interior y exterior del elemento no se pueden establecer. El ancho del elemento es el ancho del texto o la imagen que contiene y no se puede cambiar. .

Características de los elementos del bloque en línea: visualización: bloque en línea

y otros elementos están todos en la misma línea. Se pueden configurar el ancho, el alto, el alto de la línea y los márgenes interior y exterior.

Resumir

Con esto concluye este artículo sobre la breve introducción y el uso de Table y div. Para obtener más información sobre la introducción y el uso de Table y div, busque artículos anteriores en downcodes.com o continúe explorando los siguientes artículos relacionados. Espero que admita códigos descendentes. com más en el futuro!