WEB前端开发html:常用标签知多少

网友投稿 884 2022-05-30

今天来介绍一下html常用标签

基本结构

 

WEB前端开发之HTML:常用标签知多少

标题元素

~

标签用于定义标题

其中

的重要性最高,而

的重要性最低。(权重)

标签通常用于最顶层的标题。

●一个html文档之中一般只有一个

标题

段落元素

标签用于定义段落,浏览器会自动在其前后创建一些空白。

中的文字行数取决于浏览器窗口的宽度。(随着大小换行)

中的连续空格最终都将解析成一个空格。

Div标签  无语义 可嵌套

●div是division的含义,用来划分区域,代表网页中的块,所以一般把它叫做块标签。

●div标签通常用于包围大块内容,它没有任何特殊的含义。

●div适合作为最通用的页面容器。

●div是块级元素

无论内容长度  占满一行

span标签  无语义

span是内联标签,用在一行文本中,用来修饰文字。

span是内联元素

链接

●链接是HTML页面非常重要的一环,如果没有链接,每个HTML页面将会孤

独的存在,与其它页面将不会有联系。

链接标签

标签是anchor的缩写,用于定义网页链接。

链接属性

●src属性表示链接的地址,可以是相对地址或者绝对地址。

●target属性表示点击链接后打开的方式,默认值为

”self”,代表在当前窗口打开新链接,除此之后,还可以设置成“blank”, 代表在新的窗口中打开。

图片标签

●img标签用于定义一-张图片,属于单标签结构,它有两个属性, src代表图片的地址, alt属性代表当图片无法显示时的替代文本。

●图片的地址可以使用相对路径,也可以使用绝对路径。

●alt属性不要省略,目的是为了更好的兼容无图浏览器,图片会提示成alt属性内的文字。

Title 可以显示把鼠标放在图片上的文字

●在img标签上,还可以通过增加height属性和width属性来设置图片的宽度和高度。

列表

无序列表

使用标签定义无序列表,

  • 标签定义列表项,无序列表的含义是列

    表项内容没有前后顺序。

    ●可以在ul标签上使用type属性定义图形符号的样式,当属性值为disc时,显示为点;当属性值为square时,显示为方块;当属性值为circle时,显示为圆。

    示例:

       .
    • 华为手机
    • 华为电脑
    • 华为手表

    有序列表

    ●使用

      标签定义有序列表,
    1. 标签定义列表项,有序列表的每一项有顺序含义。

      ●有序列表的前缀通常为数字或者字母。

      示例:

      1. 魔兽争霸
      2. 星际争霸
      3. 暗黑破坏神

      自定义列表

      ●使用

      标签定义自定义列表,内部可以有多个列表项,每个列表项用
      定义标题,用
      定义列表项。

      标签定义了自定义列表( definition list )

      标签用于结合
      (定义列表中的项目)和
      (描述列表中的项目)

      示例:

      辽宁省
      沈阳市
       
      大连市
       
      鞍山市

      书山有路勤为径,学海无涯苦作舟!

      html

      版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

  • 上一篇:【云端大事件】一粒云举行新品发布会,华为云市场受邀参加
    下一篇:web前端开发之JavaScript:阶段学习总结
    相关文章