HTML&CSS 【三】-- TABLES, DIVS, AND SPANS

最新推荐文章于 2026-01-07 08:04:26 发布

原创最新推荐文章于 2026-01-07 08:04:26 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 同时被 3 个专栏收录

7 篇文章

订阅专栏

website

7 篇文章

订阅专栏

css

7 篇文章

订阅专栏

本文详细介绍了如何使用HTML的<table>、<tr>、<td>元素存储表格数据，并探讨了表格头部<thead>、<tbody>的合理布局，以及<div>和<span>元素在网页布局和样式控制中的应用。

一、 TABLES

use them to store tabular data

<table></table>

rows

<tr></tr>

table data

<td></td>

            <tr>
                <td>One</td>
            </tr>

            <tr>
                <td>Two</td>
            </tr>

            <tr>
                <td>Three</td>
            </tr>

这里写图片描述

Head of table

<thead>
<tbody>

The original <tr>s should be within <tbody> now. <tbody> should be within <table>.

这里写图片描述

title of table

colspan attribute

这里写图片描述

division

<div>  create visual HTML objects like sidebars, menus, and more.

Just like with images, you can make <div>s clickable by wrapping them in <a></a> tags.

这里写图片描述

span

<span> allows you to control styling for smaller parts of your page, such as text. For example, if you always want the first word of your paragraphs to be red, you can wrap each first word in <span></span> tags and make them red using CSS!

color, font size, font family, and any other style attribute you can think of