HTML标签与属性

最新推荐文章于 2022-11-09 09:30:20 发布

liuchaoqunbwcx

最新推荐文章于 2022-11-09 09:30:20 发布

阅读量273

点赞数

本文链接：https://blog.csdn.net/liuchaoqunbwcx/article/details/79090991

版权

HTML标签与属性

其基本语法为： <标记名称属性名1="属性值1" 属性名2="属性值2" ......>内容

1、最基本标记:

<html></html>
<head></head>
<title></title>
<body></body>

2、标题

<h1>一号标题</h1>
<h2>一号标题</h2> 
<h3>一号标题</h3>
<h4>一号标题</h4>
<h5>一号标题</h5>
<h6>一号标题</h6>

3、段落

4、缩进：

<blockquote></blockquote>

属于块级标签，在<blockquote>标记内的元素前后添加了换行，并左右都增加了边外距。

5、无序列表

<ul>
  <li></li>
  <li></li>
</ul>

6、有序列表

<ol>
  <li></li>
  <li></li>
</ol>

7、控制段落的水平位置

<center>居中</center>

对其属性:

aaaabbbb

aaaabbbb

aaaabbbb

8、设置网页的背景色和文字颜色

<body text="blue" bgcolor="#ffff00">整个网页为蓝色字体黄色背景</body>

9、字体

face,size,color属性

<font face="黑色" size="4" color="red">
    红色4号黑色字体
</font>

color属性值：black gray（深灰） silver(浅灰) green purple(紫) yellow white red orangy oyan（青色、蓝绿色）

RGB调色方式：

<font color=”#FFFFFF” >
    白色字体
</font>

对应关系：white（#FFFFFF）red（#FF0000）桔色orange（#FF8000）yellow（#FFFF00）silver(#C0C0C0) gray（#808080）purple(#800040) green（#00FF00）oyan（#00FFFF）blue（#0000FF） black（#000000）

10、文字的特殊样式:.

文字以下划线方式显示)

文字以<s>删除</s>显示

文字以<big>放大</big>显示

文字以缩小显示

文字以粗体显示

文字以强调strong显示

文字以倾斜显示

文字以强调em显示

em和strong的区别:

em 表示强调，strong 表示更强烈的强调。言简意赅，表明了 em 和 strong 的命名来历。并且在浏览器中，em 默认用斜体表示，strong 用粗体表示。
em 用来局部强调，strong 则是全局强调。从视觉上考虑，em 的强调是有顺序的，阅读到某处时，才会注意到。strong 的强调则是一种随意无顺序的，看见某文时，立刻就凸显出来的关键词句。斜体和粗体刚好满足了这两种视觉效果，因此也就成了 em 和 strong 的默认样式。
em 表示内容的着重点（stress emphasis），strong 表示内容的重要性（strong importance），strong 不会改变所在句子的语意，em 则会改变所在句子的语义。并且举了一个非常好的例子：

Cats are cute animals.

强调猫，讨论的是哪种动物聪明可爱。

Cats are cute animals.

强调是，讨论的是猫是不是聪明可爱。

Cats are cute animals.

强调聪明可爱，讨论的是猫究竟是聪明可爱呢还是愚蠢讨厌。

Warning. This dungeon is dangerous.Avoid the ducks. Take any gold you find. ```

<strong>
  <strong>
    Do not take any of the diamonds
  </strong>
    they are explosive and 
  <strong>
    will destroy anything within ten meters.
  </strong>
</strong>

```

strong 表示的是重要性上的强调，不会引起句子意思的变化。最后注意 em 和 strong 都可以有多重，比如可以用两个 strong 来表示内容很重要。

在默认的 HTML 样式表定义中，b 和 strong 的样式一样，为 { font-weight: bolder }；而 em 的默认样式为 { font-style: italic }，与 i 相同。 b 和 i 仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。

标记互相嵌套顺序可调换：

```

<b>
  <i>
    粗体倾斜
  </i>
</b>

<i>
  <b>
    <font color="gray">
      倾斜粗体灰色
    </font>
  </b>
</i>

```

11、特殊文字符号：

&copy;版权所有  ©版权所有
&reg; 注册商标  ®注册商标
&amp;   表示&
&nbsp;  表示空格
x&gt;y  x>y
x&lt;y  x<y
x&divide;y  x÷y
x&plusmn;y  x±y
3&permil;  3‰
x&harr;y  x↔y
x&hArr;y  x⇔y
x<sup>2</sup>  x2
O<sub>2</sub>  O2