html常用标签图文详解

    技术2023-05-26  3

    一、标题标签

    h1~h6标题标签,里面的文字越来越小,厚度也越来越小

    二、段落标签和水平线标签

    p(段落)标签自带上下间距。hr是水平线标签,占满整个容器

    三、注释标签

    ctrl+/(注释)内容后,在页面上不再显示

    四、超链接标签

    a标签可跳转其他页面,href是标签的属性

    五、标签属性

    HTML元素提供的附加属性

    HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:href=“页面地址”。

    六、标签关系

    1.双标签: <div></div> 2.单标签:<br/> 3.父子关系:

    <head> <meta charset=“utf-8”> <title>hello word</title> </head>

    4.兄弟关系:

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

    七、标签类

    1、块级元素(display:block) 例如:<div>

    ① 每个块级元素都是从新的一行开始,并且其后的元素也另起一行(块级元素独占一行)

    ② 元素的高度、宽度、行高以及顶和底边距都可设置。

    ③ 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

    2、行内元素(display:inline) 例如:<span>

    ① 和其他元素都在一行上;

    ② 元素的高度、宽度及顶部和底部边距不可设置;

    ③ 元素的宽度就是它包含的文字或图片的宽度,不可改变。 3、行内块元素(display:inline-block) 例如:<img>

    ① 和其他元素都在一行上;

    ② 元素的高度、宽度、行高以及顶和底边距都可设置

    Processed: 0.009, SQL: 12