03-常用html标签

03-常用html标签

html常用标签

• 分类：

  • 布局标签：可以作为网页布局使用的一些标签，一般为块标签（每个标签独占一行）
  • 文本标签：可以将网页具体内容进行填充（文字、图标、超链接….）

布局标签

• div
  

  ：页面布局标签，为一个盒子。

  • 特点：

    • 每个div标签独占一行
    • 宽度跟页面同宽，高度由内容撑开
    • 没有任何样式

  • 注意：

    • 每个标签身上都可以添加一个类名class，可以重复，同一页面可以存在相同类名

    • 每个标签身上都可以添加一个id名id，唯一性，当前页面不能出现重复id名

    • 命名规范：

      • 只能包含数字、字母、_和-

      • 不能以数字开头，不能包含其他特殊符号

      • 使用驼峰命名法命名：

        • 大驼峰：包含多个英文单词情况下，每个英文单词首字母大写 one box OneBox
        • 小驼峰：包含多个英文单词情况下，从第二个英文单词首字母大写 oneBox

      • 尽量能够见词达意

文本标签

• 标题标签：h1-h6六级标题

  • 特点：

    0. 每个标签独占一行
    1. 数字越大,字体大小越小
    2. 字体加粗效果
    3. 默认带有上下外边距

  • 写法：

    <h1>h1标签</h1><h2>h2标签</h2><h3>h3标签</h3><h4>h4标签</h4><h5>h5标签</h5><h6>h6标签</h6>
    

• 段落标签:p标签，包裹段落性文字

  • 特点：

    0. 每个p标签独占一行,p标签中内容显示不下会自动换行
    1. 默认上下带有外边距
    2. p标签不能和p标签嵌套

  • 写法：

    <p>    操千曲而后晓声，观千剑而后识器。”全国两会之后，日程紧、步履实，总书记每到一地，都会结合当地实际，对中国式现代化的地方实践悉心指导和部署。总书记的思考由来已久。比如去年在新疆调研。曾经，那里是“路到头、人到头”的边境。当换个角度，总书记把新疆置于欧亚大陆中心地带，看到的是广阔前景：“如果丝绸之路经济带建设起来，新疆将可能成为繁华的中心。</p><p>    抚今追昔。在今天“以国内大循环为主体”、加快建设全国统一大市场的基础上，进一步总揽全局、谋篇布局。这次来，习近平总书记创造性地提出：“新时期、新时代还是有一个大后方的概念的。”再说“大前方”的广东，那里是改革开放的排头兵、先行地、实验区，得风气之先。今年全国两会之后习近平总书记首次考察到了那儿。有何考量？总书记寄望他们“在推进中国式现代化建设中走在前列”。走在前列，步子要大，也要稳。调研就是要通过这“一个窗口”，来观察“现代化建设的新进展新气象”</p>
    

• 简单文字标签:span标签

  • 特点：

    0. 可以同行显示
    1. 宽度由内容撑开

  • 写法：

    <span>span1</span><span>span2</span>
    

• 图片标签：img标签

  <img src="图片路径" alt="图片加载失败的时候显示信息" title="鼠标停留在图片中显示标题信息">