（html入门）html块+表格+id

最新推荐文章于 2023-03-27 12:17:24 发布

mcl19909949541

最新推荐文章于 2023-03-27 12:17:24 发布

阅读量483

点赞数

分类专栏： HTML+CSS

本文链接：https://blog.csdn.net/qq_52290436/article/details/119356122

版权

HTML+CSS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML `<div>` 和 `<span>`

HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。

HTML `<div>` 元素

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

<html>
<body>

<h3>This is a header</h3>
<p>This is a paragraph.</p>

<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

</body>
</html>

在这里插入图片描述

HTML 元素

HTML <span> 元素是内联元素，可用作文本的容器。
<span> 元素也没有特定的含义。

当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

HTML 表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

在这里插入图片描述

表格和边框属性

使用边框属性来显示一个带有边框的表格

表格的表头

表格的表头使用标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

在这里插入图片描述

表格中的空单元格

在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td></td>
<td>row 2, cell 2</td>
</tr>
</table>

在这里插入图片描述

HTML id 属性

HTML id 属性用于为HTML 元素指定唯一的 id。
一个 HTML文档中不能存在多个有相同 id 的元素。
id 属性指定 HTML 元素的唯一 ID。 id 属性的值在 HTML 文档中必须是唯一的。
d 的语法是：写一个井号 (#)，后跟一个 id 名称。然后，在花括号 {} 中定义 CSS 属性。

<!DOCTYPE html>
<html>
<head>
<style>
#myHeader {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
} 
</style>
</head>
<body>

<h1>id 属性</h1>

<p>使用 CSS 来设置 id 为 "myHeader" 的元素的样式：</p>

<h1 id="myHeader">My Header</h1>

</body>
</html>

在这里插入图片描述

mcl19909949541

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
（html入门）html块+表格+id

HTML <div> 和 <span>HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。HTML <div> 元素HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用
复制链接

扫一扫