Uma breve análise da introdução e uso de Table e div

Front-end da Web 1

Componentes do formulário:

Título, cabeçalho, corpo, rodapé

Tabela define uma tabela

 <table border="1" cellpacing="0" cellpadding="0" align="center">
</tabela>

A legenda define o título da tabela

 <caption>web front/caption>fim 1<

Thead define a parte do cabeçalho

 <thead>
				<tr>
					<th>Número de carteira de estudante</th>
					<th>Nome</th>
					<th>Gênero</th>
					<th>Idade</th>
				</tr>
			</thead>

Tbody define o corpo da tabela

 <corpo>
				<tr>
					<td>01</td>
					<td>Zhang San</td>
					<td>Masculino</td>
					<td>20</td>
				</tr>
				<tr>
					<td>02</td>
					<td>李思</td>
					<td>Feminino</td>
					<td>21</td>
				</tr>
				<pé>
					<tr>
						<td colspan="3">Número total de pessoas:</td>
						<td>60</td>
					</tr>
				</tfoot>
			</tbody>

Tfoot define o rodapé da tabela, geralmente para exibir informações resumidas

 <pé>
					<tr>
						<td colspan="3">Número total de pessoas:</td>
						<td>60</td>
					</tr>
				</tfoot>

Tr define uma linha

 <tr>
					<th>Número de carteira de estudante</th>
					<th>Nome</th>
					<th>Gênero</th>
					<th>Idade</th>
				</tr>

O td define itens de dados (células) que geralmente é usado para cabeçalhos de tabelas e tem um estilo em negrito

Td é geralmente usado para a parte principal, sem estilo ousado

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

Td rowspan e colspan definem respectivamente o número de linhas e colunas que a célula abrange.

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

Cellspacing define o espaçamento das tabelas

Cellpadding define as margens da tabela

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

Div define uma divisão

 <div style="largura: 200px;altura: 200px;cor de fundo:azul celeste";>

Recurso: Exibir rótulos de nível de bloco em uma nova linha

A diferença entre tags em nível de bloco e tags inline:

As tags em nível de bloco ocupam toda a linha. As tags embutidas serão organizadas da esquerda para a direita.

Tags de nível de bloco: h1-h6 p ul ol li div table dl form

Rótulo embutido: span a br lable I em

Características dos elementos de nível de bloco: display:block

Cada bloco começa em uma nova linha e os elementos subsequentes iniciam uma nova linha. A largura, a altura, a altura da linha e as margens interna e externa do elemento são todas configuráveis. 100% do seu contêiner pai, a menos que você defina a altura para ele

Características dos elementos embutidos: display: embutido

Eles estão todos na mesma linha que outros elementos. A largura, altura, altura da linha e margens internas e externas do elemento não podem ser definidas. A largura do elemento é a largura do texto ou imagem que ele contém e não pode ser alterada. .

Características dos elementos do bloco embutido: display: bloco embutido

e outros elementos estão todos na mesma linha. A largura, altura, altura da linha e margens internas e externas podem ser definidas.

Resumir

Isso conclui este artigo sobre a breve introdução e uso de Tabela e div. Para obter mais informações sobre a introdução e uso de Tabela e div, pesquise artigos anteriores em downcodes.com ou continue navegando nos seguintes artigos relacionados. com mais no futuro!