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

最新推荐文章于 2025-09-08 09:20:18 发布

Sammy_

最新推荐文章于 2025-09-08 09:20:18 发布

阅读量283

点赞数

CC 4.0 BY-SA版权

分类专栏： html website css 文章标签： html

本文链接：https://blog.youkuaiyun.com/smallbean_/article/details/50558218

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