初学HTML

html (Hypertext Markup Language) 超文本语言
1. html语法
   注释 <!----> 解释说明 便于代码阅读
   元素属性 id class style title
   空白语法  无论文档有多少空格 浏览器只会解析为一个空白
   字符实体 &nbsp;空格  &lt;小于号   &gt; 大于号
2.元素
    块级元素  p div section html body h1-h6 h5新增标签
     特点:1.独占一行
     2.默认宽度100%
     3.可以根据css属性设置宽高
     4.高度由自身内容决定
    行内元素  span i a strong b em mark sub sup
     特点:1.与其他行内元素共享一行
     2.高度由自身内容决定
     3.无法根据css属性来设置宽高
     4.不建议嵌套块级元素
3.常用标签
    a标签:
     1.打开链接 进行页面跳转
     2.锚点  指定锚点跳转
       回到顶部  herf="#"
       指定锚点 给标签设置id  herf="#id"
    3.发送邮件
      herf='mailto:邮箱地址'
      target 指定a标签打开方式
      base 标签放在head标签里  可以指定a标签所有打开方式
    img标签 属性:width height src alt
    音视频
     1.video 
       autoplay 自动播放 muted 静音播放   controls 控制条
       loop 循环播放 poster 封面 width height
    2.audio
       autoplay 自动播放 muted 静音播放   controls 控制条
4.h5新增语义化标签
    header footer article nav address details配合summary
    figure figcaption

以下部分举例说明

<body>

    <!-- figure -->

    <figure>

        <figcaption>我是图片</figcaption>

        <img src="../音视频/ad7.jpeg" alt="">

    </figure>



    <!-- details -->

    <details>

        <summary>一线城市</summary>

        <div>北京</div>

        <div>上海</div>

        <div>深圳</div>

    </details>




    <mark>高亮效果</mark>

    <u>下划线</u>

</body>


 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值