zoukankan      html  css  js  c++  java
  • html-05 标签关系

    在HTML页面中,带有“<>”符号的元素被称为HTML标签,如上面提到的<HTML>、<head>、<body>都是HTML骨架结构标签。所谓标签就是放在“<>”标签符中表示某个功能的编码命令,也称为HTML标签或HTML元素。

    标签的分类

    1.双标签

    <标签名>内容</标签名>

    该语法中“标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)",“</标签名>”表示该标签的作用结束,一般称为“结束标签(endtag)"。和开始标签相比,结束标签只是在前面加了一个关闭符"”。比如:

    <body>我是文字</body>

    2.单标签

    <标签名 />

    单标签(非常少)也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。比如:

    <br />
     

    标签的关系

    标签的相互关系就分为两种:

    1. 嵌套关系(父子关系)

    <html>
    
        <head>
    
        </head>
    
    </html>

    2. 并列关系

    <head></head>
    
    <body></body>

    注意:HTML中只有这两种关系,不存在其他花里胡哨的关系,比如下面这个写法是错误的:

    <head><title></head></title>

    Trick: 在sublime中快速补全html框架:

    1. 按Ctrl+Shift+P打开命令面板,输入install,鼠标点击下面出来的Package Control:Install Package

    2. 再点击后稍微等一等,在弹出的输入框里,输入Emmet,如果没有弹出输入框,重复第一步。

    3. 在安装时,会自动打开配置文件,不用管。稍等直到sublime最下面的状态栏没有“wait”

    4. 在新的html文件中(文件拓展名必须是html),输入:

    html:5 或者 !

    再按Tab键即可补全

    5. 右键选择在浏览器中打开。(如果发现浏览器显示不正确,那只能说明你没保存)

  • 相关阅读:
    计蒜客模拟赛D2T2 蒜头君的排序:区间逆序对(移动端点) + 树状数组
    计蒜客模拟赛D2T1 蒜头君的兔子:矩阵快速幂
    计蒜客模拟赛D1T2 蒜头君的树:树上节点之间最短距离和
    计蒜客模拟赛D1T1 蒜头君打地鼠:矩阵旋转+二维前缀和
    Cubieboard安装系统
    awk速查手册
    sed速查手册
    常用正则表达
    MySQL索引小记
    jQuery中attr和prop的区别
  • 原文地址:https://www.cnblogs.com/thewaytotheway/p/10051128.html
Copyright © 2011-2022 走看看