网站首页 > 技术文章正文

「转行测试开发--HTML」(二)空元素、小写标签、属性和具体使用

nanyue 2024-10-05 18:43:53 技术文章 9 ℃

今天继续说下HTML第二讲，空元素、小写标签、属性和对应的具体使用。

先说下HTML 空元素:

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

使用HTML小标签:

HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

HTML属性:

属性是 HTML 元素提供的附加信息。

属性都包含:

HTML 元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述于开始标签

属性总是以名称/值对的形式出现，比如：name="value"。

接着我们看一个实例:

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定

<a href="http://www.liepin.com">这是一个链接</a>

我们在Sublime Text上试下

<!DOCTYPE html>

<html>

<head>

<title>20210815---测试开发转型</title>

</head>

<body>

<p>没有内容的 HTML 元素被称为空元素</p>

</body>

<a href ="https://www.baidu.com">这是一个招聘网站</a>

</html>

由于 http://www.liepin.com跳转需要的时间有点长，可能是家里网速不好，页面一直跳转不成功。就修改为 www.baidu.com 这样就可以了。点击可以跳转到新的网址。

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'

HTML 提示：使用小写属性

属性和属性值对大小写不敏感。

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

HTML 属性参考手册

下面列出了适用于大多数 HTML 元素的属性：

属性描述

class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)

id 定义元素的唯一id

style 规定元素的行内样式（inline style）

title 描述了元素的额外信息 (作为工具条使用)

HTML 标题

标题（Heading）是通过 <h1> - <h6> 标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

接着我们看一个实例:

<!DOCTYPE html>

<html>

<head>

<title>20210815---测试开发转型</title>

</head>

<body>

<p>没有内容的 HTML 元素被称为空元素</p>

<h1>我是最大的，你忍一下</h1>

<h2>我是老二，你也要忍一下</h2>

<h5>我是老五，我忠于革命</h5>

<h6>我是老六，我是最小的，我啥也不是</h6>

</body>

<a href ="https://www.baidu.com">这是一个招聘网站</a>

</html>

尝试一下 ?

注释: 浏览器会自动地在标题的前后添加空行。

可以看出，文字是越来越小的，标题越来越小。说明符合要求

上一篇： html基础:空标签（空标签 html）
下一篇：细品100道CSS知识点(下)「干货满满」

网站首页 > 技术文章 正文

「转行测试开发--HTML」(二)空元素、小写标签、属性和具体使用

猜你喜欢

网站首页 > 技术文章正文