HTML基础标签


  “ Auto Rename Tag” 插件前面标签修改后面自动更新
    h1-h6标题标签
    h1:标题标签 一级标题
    h2:标题标签 二级标题


    语义化标签:该标签是有一定的含义 一定的作用 有利于SEO 搜索引擎优化
    p:表示的是段落标签 放在里面的内容会以段落的形式出现
    strong、b:加粗标签 strong(以加粗的形式来突出内容的重要)属于语义化标签  b 属于样式标签 没有语义
    em,i:斜体标签   em(以斜体的形式来突出内容的重要性) 语义化标签     i 属于样式标签 没有语义
    ins,u:下划线标签,能在文字底下加一条下划线,ins 语义 u 样式标签
    del:表示删除线标签
    sub:文本朝下
    sup:文本朝上
 
a:超链接标签
      href:超链接的地址
      target:超链接的打开方式 _blank(在新的窗口打开页面) _self(在当前窗口打开页面)也是默认值
      title:表示鼠标放到改标签上的提示内容 很多标签都能使用
  
 1.超链接跳转到外部链接
    <a href="http://www.baidu.com" target="_blank" title="这是一个超链接">百度</a>
    <a href="http://www.jd.com">京东</a>
    <p title="ppp">这是一个段落</p>
 2.超链接跳转本地文件
 绝对路径在写 几乎不用
  <a href="C:\Users\stwd\Desktop\丁鹿学堂平日班\pages\login.html">登录</a>
  相对路径 常用
   路径提示插件 1.Path Autocomplete 2.Path Intellisense
  <a href="./pages/login.html">登录</a>

 3.超链接防止刷新的使用
<a href="#">刷新</a>
<a href="javascript:;">刷新</a>

  4.使用超链接进行文件下载 基本上是压缩文件
 <a href="./HTML基础.docx">下载资料</a>

5.图片预览文本预览
 <a href="./nhz.jpg">预览图片</a>


    img:图片标签
      src:源 图片的地址
      width:图片的宽度 默认单位就是px(像素)
      height:图片的高度 默认单位就是px(像素)
      alt:图片加载失败时候展示的内容
      title:鼠标放上去以后展示的内容
    在标签里面属性名和属性值一样 可以不写后面的
    controls ="controls"  直接写属性就可以了
    video:视频标签
      src:视频的地址 视频源
      controls:播放控件
      autoplay:自动播放 火狐谷歌没法用 如果要实现自动播放需要配合muted一起使用
      muted:静音播放
      loop:循环播放
      poster:图片的第一帧
      preload:预加载的属性
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值