百度前端训练营--1.2 HTML

  • 本文用于记录百度训练营所学内容,欢迎各路大佬提出意见!
  • <!DOCTYPE html>说明使用的是html5
  • 标签
    • 标题
      • <h1> <h2> <h3><h4><h5><h6>
    • 列表
      • 无序列表

        • 可以内嵌一个超链接的标签
          • <li><a herf="">11111</a></li>
      • 有序列表
        • <ol>
          • <li>内容</li>
        • </ol>
        • 效果

    • 图片
      • 例子

       

      • alt属性当图片显示不了时会显示 alt中的值
      • 可以用a标签包括当作超链接

    • 超链接(跳转链接)
      • <a href="地址">显示内容</a>
    • 文本标签
      • 段落标签
        • <p></p>
        • 也可嵌入a标签

      • 斜体标签(这两者可以在段落标签中使用)
        • <em></em>
      • 加粗标签
        • <strong></strong>
    • 表单标签
      • type=text填写框
        • <input type="text" placeholder="请填写文本信息"/>
          • placeholder用于设置默认值
      • type="checkbox"复选框

        • 优化写法
          • 点击文字即可选中:用label标签包裹住
      • type="file"文件选择

      • type="radio"单选框

      • type=“range” 控制范围的标签(进度条拖动的控件)
      • type="submit" 一个提交的按钮
    • 多行纯文本编辑控件textarea
  • 语义化
    • 实例
      • <kbd>键盘元素标签
      • <pre>
      • <code>
    • h5标签:提升可读性

      • nav:导航栏(其他一样用)
      • section:段落
      • aside:侧边栏
      • footer:底部,作者相关/链接
    • 语义化的好处
      • 提升可读性
      • 方便搜索引擎爬取
      • 方便残障人士浏览网页
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值