HTML+CSS基础认知(未完结)

139 阅读1分钟

HTML+CSS基础认知

排版标签

  • 标题标签:h1~h6

特点:独占一行,文字都有加粗效果。h1一般用于logoh。

  • 段落标签:p

特点:独占一行,段落之间有间隙

  • 水平标签:hr (单标签)

特点:在网页中显示一条水平线

  • 换行标签:br(单标签)

特点:强制换行

标签语义化(不同的标签有不同的效果)

  • 加粗 : strong , b
  • 下划线: ins , u
  • 倾斜: em , i
  • 删除线: del , s

图片标签

  • img

属性:src (图片的路径) alt(替换文本,图片加载失败时展示)

title(图片标题,鼠标悬停时,才展示出的文字)

width宽/height高 :只需要设置一个就行,另一个会等比例缩放

音频标签

  • audio

属性:src(音频路径) controls(播放的控件) autoplay(自动播放) loop(循环播放)

视频标签

  • video

属性:src(音频路径) controls(播放的控件) autoplay(自动播放) loop(循环播放)

链接标签

  • a

属性:href(跳转路径 ) target:_self(在当前窗口跳转,默认值) target:__blank(在新窗口跳转,保留原窗口)