• html-常用标签


    一:标签分类

      标签分为两类:块级标签和行内标签

      常用行内标签:a,span,select等

      常用块级标签:div,h1,p等

    二:各种标签

      1)各种符号

        比如   >   < 要想空格大于两个以上,可以使用 

        http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

      2)p和br

        p表示段落,默认段落之间是有间隔的!

        <br/> 是换行

       3)a标签和锚

         <a> 标签的方式     

    通过使用 href 属性 - 创建指向另一个文档的链接通

          过使用 name 属性 - 创建文档内的书签

          使用 Target 属性,你可以定义被链接的文档在何处显示

          name 属性规定锚(anchor)的名称      用法href="#ID或者name名"

    <a href="http://www.w3school.com.cn/">Visit W3School</a>
    <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
    <a name="label">锚(显示在页面上的文本)</a> 
    <p>
    <a href="#C4">查看 Chapter 4。</a> 调用NAME
    <a href="#mao">查看 lalal。</a> 调用ID
    </p>

    <h2>Chapter 1</h2>
    <p>This chapter explains ba bla bla</p>

    <div style="height: 20000px;background-color: red"></div>


    <h2>Chapter 3</h2>
    <p>This chapter explains ba bla bla</p>
    <div id="mao"><p>lalal</p></div>
    <h2><a name="C4">Chapter 4</a></h2>
    <p>This chapter explains ba bla bla</p>

       4)标题标签

        <h1> 定义最大的标题。<h6> 定义最小的标题。   

        <hr /> 标签在 HTML 页面中创建水平线。

        hr 元素可用于分隔内容。

      5)div 标签

        <div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位

        HTML5 语义元素

    header 定义文档或节的页眉
    nav 定义导航链接的容器
    section 定义文档中的节
    article 定义独立的自包含文章
    aside 定义内容之外的内容(比如侧栏)
    footer 定义文档或节的页脚
    details 定义额外的细节
    summary 定义 details 元素的标题

        6) <span> 元素是内联元素,可用作文本的容器

        7)img标签

          属性(src):值是图像的 URL 地址

          alt 属性:用来为图像定义一串预备的可替换的文本

        

    三:总结 

     所有标签分为:
      块级标签: div(白板),H系列(加大加粗),p标签(段落和段落之间有间距)
      行内标签: span(白板)
      标签之间可以嵌套
      标签存在的意义,css操作,js操作
      ps:chorme审查元素的使用
        - 定位
        - 查看样式

  • 相关阅读:
    商品详情的图片添加水印
    ElasticSearch 简单的crud查询
    java产生随机数的三种方式
    springboot+mybatis集成分页功能
    springboot集成swagger文档
    springboot项目根据不同的环境启动不同的配置,如开发环境dev,测试环境sit,生产环境application
    解释器模式
    中介者模式
    访问者模式
    x01.FileProcessor: 文件处理
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7517816.html
Copyright © 2020-2023  润新知