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中的代码

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在VSCode中使用HTML标签有以下几个常用的方法和步骤: 1. 使用基本的HTML标签:在VSCode中编写HTML时,可以使用常见的HTML标签来构建网页。比如使用`<p>`标签来创建段落,使用`<h1>`到`<h6>`标签来定义标题,使用`<ul>`和`<li>`标签创建无序列表等等。 2. 使用插件加速标签的输入:VSCode提供了丰富的插件来帮助开发者更快速地输入HTML标签。例如,安装HTML Snippets插件后,可以通过在HTML文件中输入标签的简写形式,然后按下Tab键,即可自动补全标签的代码。 3. 使用Emmet快速编写标签:Emmet是一套用于快速编写HTML和CSS的工具,也可以在VSCode中使用。通过使用Emmet的语法,可以更快速地编写HTML标签。例如,输入`div#container>p`,然后按下Tab键,即可生成一个id为container的`<div>`标签内包裹一个`<p>`标签。 4. 使用代码片段:在VSCode中,可以为常用的HTML标签设置代码片段,以便更快速地插入和编辑标签。通过在用户代码片段中添加HTML标签的模板,例如`<p>${1}</p>`,可以在编写HTML时快速插入这个模板,并且可以通过Tab键在标签的不同位置进行跳转和编辑。 综上所述,VSCode提供了多种方法和工具来帮助开发者更方便地使用HTML标签进行编码。你可以根据个人的喜好和需求选择适合自己的方法来编写HTML标签。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值