HTML属性

概念

  • HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

  • 属性总是以名称/值对的形式出现,比如:name=“value”

  • 属性总是在 HTML 元素的开始标签中规定。

  • 属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么必须使用单引号,例如:name=‘Bill “HelloWorld” Gates’

例:

1
2
<a herf="http://www.w3school.com.cn">这里是一个链接,后面跟着链接说明</a>
<!--HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定-->

全局属性

全局属性是可与所有 HTML 元素一起使用的属性。
具体内容网址如下:
HTML 全局属性 (w3school.com.cn)

style属性(样式)

style属性提供了一种直接改变所有html元素的样式的通用方法。是一种全局属性。

另:CSS 是一种描述 HTML 文档样式的语言,描述应该如何显示 HTML 元素。使用CSS也可以实现以下功能。这里暂且介绍style属性来控制。

背景颜色

style=“background-color:yellow”

文字的字体、颜色、尺寸

字体 style=“font-family:verdana”
颜色 style=“color:red”
尺寸 style=“font-size:20px”
多个值之间用分号间隔

文本对齐

居中 sytle=“text-align:center”

示例

以下包含了一些文本格式化的标签,详见网站:HTML 文本格式化 (w3school.com.cn)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<title>Ly是大猪</title>
<body>

<h1 style="background-color:pink">Ly是大猪</h1>
</br>

<pre> <!--pre是预格式文本标签,他保留了空格和换行,很适合显示计算机代码-->
Ly 是
猪猪
Ly 是 <strong>最笨的</strong> 猪头!
for i=1 to 100000
print Ly_pig
</pre>

<p>要好好 <del>宠爱</del> 教训Ly</p> <!--del标签是用于中划线-->

<i>猪是Ly</i> <!--斜体标签-->

<p>我都要不认识猪这个字了,<ins>都怪Ly</ins></p> <!--ins下划线标签-->

<p style="color:red;font-size:20px;">鼠标放在下面的字上!</p>
<!--多个style用分号分隔,最后一个名称后面也要有分号-->

<abbr title="big pig">Ly</abbr>
<!--abbr显示缩写,当鼠标移到缩略词上时,title用于展示表达的完整版本-->

</body>
</html>

样式及文本格式化示例结果

其他念念叨叨

Ly是谁,是一头猪,养在了友链

html也可以用在写markdown中哦!能实现更多的样式~

style不要拼错成sytle!!!太痛了


HTML属性
http://sample.com/2022/07/01/HTML属性/
作者
LuoYutong
发布于
2022年7月1日
许可协议