03-HTML标签(二)

文本格式化标签

  在网页中有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML的文本格式化标签,使文字以特殊的方式显示:

标签显示效果
<b></b>、<strong></strong>文字以粗体的方式显示
<i></i>、<em></em>文字以斜体的方式显示
<s></s>、<del></del>文字以加删除线的方式显示
<u></u>、<ins></ins>文字以加下划线的方式显示
<body>
    <b>使用 b 标签加粗</b><br>
    <strong>使用 strong  标签加粗</strong><br>
    <i>使用 i 标签倾斜</i><br>
    <em>使用 em 标签倾斜</em><br>
    <s>使用 s 标签 加删除线</s><br>
    <del>使用 del 标签加删除线</del><br>
    <u>使用 u 标签添加下划线</u><br>
    <ins> 使用 ins 标签添加下划线</ins>
</body>

b、i、s、u标签只有使用没有强调的意思,strong、em、del、ins语义更强烈。

标签属性

  属性就是特性,比如:手机的颜色、手机的尺寸等。使用HTML制作网页的时候,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置,属性的基本语法格式如下:

<标签名 属性1="属性值1" 属性2="属性值2" > 内容 </标签名>

  在上面的语法中:

  1. 标签可以拥有多个属性,必须写在开始标签中且位于标签名后面。
  2. 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
  3. 任何标签的属性都有默认值,省略该属性则取默认值。
  4. 采取键值对的格式 key="value" 的格式:
<hr width="400" />

注意:尽量不使用样式属性,应该交给css去处理。

图像标签

  要想在网页中显示图像就需要使用图像标签 <img / >以及和它相关的标签属性,其基本语法如下:

<img src="图像URL" />

  关于img标签的属性说明如下:

属性属性值描述
srcURL图像的路径
alt文本图像不能显示时候的替换文本
title文本鼠标悬停的时候的内容
width像素图像的宽度
height像素图像的高度
border数字图像边框的宽度

注意:

  1. 在设置大小的时候,一般情况下只需要修改宽度和高度其中的一项,剩下的那一项会等比例缩放
  2. src属性是必须的属性
<!-- 08-图片标签 -->
<body>
    <img src="./imgs/1.jpg" alt="图片丢失"
    title="这是一张图片" 
    width="100px"
    height="100px"
    border="10">
</body>

特殊字符标签

特殊字符描述字符的代码
 空格符&nbsp;
<小于号&lt;
>大于号&gt;
&和好&amp;
¥人民币&yen;
©版权&copy;
®注册商标&reg;
°摄氏度&deg;
±正负号&plusmn;
×乘号&times;
÷除号&divide;
²平方2&sup2;
³立方3&sup3;

注释标签

  在HTML中还有一种特殊的标签:注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。其基本语法如下:

<!-- 注释语句 -->

注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值