当前位置:
  • 学生网页
  • 新闻资讯
  • 技术文摘
  • 初学者掌握网页中常用各种标签的用法

    初学者掌握网页中常用各种标签的用法

    发布时间:2021-03-05 10:46

    说这个问题,新手感觉很难吧,特别是学生刚学前端的,这些标签为什么要这么多呀,有什么好处吗

    我来总结一下各种标签的用法(针对初学者或者学生)

    div     ——     一般用于布局,整体网页的布局划分,是个大的划分或者小划分中的大划分,比如上中下布局,那么可分为上中下三个div,中间如再划分左右呢,那就再写出左边div和右边div

    strong ——  英文翻译为强壮,那么就是重要的文字部分,表现为加粗的字体,醒目标注了文字重要性的标签

    font     ——  字体标签 ,英文翻译为字体,就是针对字体做出的标签,比如你想对文字颜色,大小等改变,这个标签还附带了color  size 这些属性。

    em      ——  文字斜体,经常看到的文档里面字体为斜体的,也是强调的表现

    span   ——  这个标签不会对内容做出任何改变,只是附加css效果的,可以对css改变他的属性

    b        ——  和span标签用法差不多,但会有加粗的效果,也是强调,他的优化效果要比strong弱一些

    p       ——   表示段落,效果为默认换行,有10像素的下边距,一般用到文档的内容文字部分,或者需要换行的地方

    ul,li    ——  序列标签,代表一个列表一般情况下需要同时用到,ul为外层父级标签,li为子标签,默认情况下前面会有小点,可以通过css去除。

    dl,dt,dd  ——  表示一个以dt为标题,dd为列表的标签,用法和ul差不多,只是多了dt,dt一般为dd列表的类名或总称。

    i     ——  标签表示为斜体,用的较少,一般用于定于图标,或者注释等

    h1,h2,h3.,h4,h5,h6   ——  标签表示为网页中从最重要到一般重要的划分。



    这些是目前较为常用的html标签,这些标签的逻辑关系是这样的,但不代表一定要这样做,只是这样做的话整个层级感觉很好,初学者需要掌握这些东西。