html之标签的使用

1.img:width、height、src、arlt
在Html文档中代表图片。
<img src= " images/phone.jpg " alt= “图片找不到了…” width= ”200px" >
  src 表示图片的URL地址(必须)
  alt 表示替换图片的文本内容,当url地址出错时,将会显示alt的内容
  width 设置图片的宽度,单位为px
  height 设置图片的高度,单位为px
2.br:换行符(单标签)<br>
3.hr:水平线(单标签)<hr>
对于hr而言私有属性:
   size:设置水平线高度
   width:设置水平线的宽度
   align:水平线的位置 left、center、right
   <hr size="10px" width="100px" align="right">
4.sub:下标
5.sup:上标
eg:10<sup>2</sup>  <!--10的二次方-->
eg:log<sub>10</sub>2 <log以10为底2的对数>

–body中的代码如下
在这里插入图片描述
–浏览器中的效果如下
在这里插入图片描述


6.h1-h6 标题标签
<h1>hello</h1>(h1-h6块级元素)
<h2>hello</h2>
<h3>hello</h3>

–body中的代码如下
在这里插入图片描述
–浏览器中的效果如下
在这里插入图片描述


7.a:标签 超链接
(1)href:设置链接地址
-1标准url
  相对路径
  绝对路径
  eg:<a href="http://www.baidu.com">百度一下</a>默认在当前页面中打开
-2锚点值
  通过id属性设置锚点位置
  #id属性
-3邮箱地址
  mailto:邮箱地址
(2)target:设置页面的打开方式
 _blank:打开新页面
  eg:<a href="http://www.baidu.com" target="_blank">百度一下</a>
 _self:在当前页面打开
 _top:在顶级框架中打开
 _parent:在父框架中打开

1)跳转页码
–在body中的代码
在这里插入图片描述
–在浏览器中的效果
在这里插入图片描述
2)跳转章节内容(超链接之锚点值的设置#id属性)

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值