【无标题】

最新推荐文章于 2024-08-21 20:15:01 发布

某某叫我改网名

最新推荐文章于 2024-08-21 20:15:01 发布

阅读量30

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_58803729/article/details/131216185

版权

本文介绍了HTML中的基本元素类型，包括块级元素如

和内联元素如，以及它们在网页布局中的应用。此外，还讨论了HTML的ID属性，用于唯一标识元素，并举例说明了如何结合CSS使用ID来设置样式。同时提到了HTML头部元素中的元素。

摘要由CSDN通过智能技术生成

今天的主要内容为：HTML 块（div、span）； HTML ID属性；HTML头部元素

HTML块

HTML 块元素

大多数 HTML 元素被定义为块级元素或内联元素。

编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

例子：<h1>, <p>, <ul>, <table>

HTML 内联元素

内联元素在显示时通常不会以新行开始。

例子：<b>, <td>, <a>, <img>

HTML <div> 元素

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

HTML <span> 元素

HTML <span> 元素是内联元素，可用作文本的容器。

<span> 元素也没有特定的含义。

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

HTML ID属性

特点：HTML id 属性用于为HTML 元素指定唯一的 id。一个 HTML文档中不能存在多个有相同 id 的元素。

id 属性指定 HTML 元素的唯一 ID。 id 属性的值在 HTML 文档中必须是唯一的。

id 属性用于指向样式表中的特定样式声明。JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。

id 的语法是：写一个井号 (#)，后跟一个 id 名称。然后，在花括号 {} 中定义 CSS 属性。

用法：

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

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

</body>
</html>

注释：id 名称对大小写敏感！

注释：id 必须包含至少一个字符，且不能包含空白字符（空格、制表符等）。

与class的区别：

.city {
  background-color: tomato;
  color: white;
  padding: 10px;
}

同一个类名可以由多个 HTML 元素使用，而一个 id 名称只能由页面中的一个 HTML 元素使用。

HTML 头部元素

其中meta元素：

某某叫我改网名

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【无标题】

HTML 块（div、span）；HTML ID属性；HTML头部元素
复制链接

扫一扫