HTML常用标签(一)

一、HTML定义

  HTML(全称 HyperText Markup Language,即 超文本标记语言

  • 超文本:链接
  • 标记:标签

二、常用标签

(一)<!DOCTYPE html>

文档类型声明为 HTML5

(二)<html>

根元素

(三)<head>

网页头部,里面内容是给浏览器看的

(四)<body>

网页主体,里面内容是给用户看的

(五)<head>标签内的标签

1.<title>:定义网页的 标题
2.<meta>:定义关于 HTML 文档的 元数据
3.<meta charset="UTF-8">:字符编码声明为 UTF-8

(六)<body>标签内的标签

1、标题标签(双标签)

  • 标签名:h1~h6

  • 独占一行

  • 字体加粗

  • 字号逐渐减小

    h1标签在一个网页中只能用一次

2、段落标签(双标签)

  • 标签名:p
  • 段落之间存在间隙

例:
<p>段落标签</p>

3、换行和水平线标签(单标签)

  • 换行标签名:br
  • 水平线标签名:hr

4、文本格式化标签(双标签)

  • 加粗标签名:strong、b
  • 倾斜标签名:em、i
  • 下划线标签名:ins、u
  • 删除线标签名:del、s

5、图像标签(单标签)

  • 标签名:img
  • 属性
    src:图片路径(最好是相对路径)
    alt:替换文本(图片无法显示的时候显示的文字)
    title:提示文本(鼠标悬停在图片上的时候显示的文字)
    width:图片的宽度
    height:图片的高度

例:
<img src="***.png" alt="这是一张图片" title=“这是一张图片” width="100px" heigth="100px">

6、超链接 (双标签)

  • 标签名:a
  • 属性
    href:跳转地址

例:
<a href="跳转的URL"></a>

7、音频标签 (双标签)

  • 标签名:audio
  • 属性
    src:音频的URL
    controls:显示音频控制面板
    loop:循环播放
    autoplay:自动播放

例:
<audio src="音频的URL" controls loop autoplay></audio>

8、视频标签 (双标签)

  • 标签名:video
  • 属性
    src:视频的URL
    controls:显示视频控制面板
    loop:循环播放
    muted:静音播放
    autoplay:自动播放

例:
<video src="视频的URL" controls muted loop autoplay></video>

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值