HTML标签的应用及介绍(小白)

HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重要的组成部分,下面我将为大家讲解一些基础的HTML标签以及标签的用途
(为方便对页面效果进行预览 页面颜色我设置为了灰色)
在这里插入图片描述
是布局类标签 作用:页面布局
在这里插入图片描述
header(页面上部) nav(页面导航) section(内容区域) footer (页面底部) 这些是页面上常用的布局常用标签
在这里插入图片描述
p(段落标签) span(文字标签) i(斜体标签) strong(字体变粗
这些是页面上常用的文字类标签,只要是与文字有关便可使用以下标签 页面效果如下
在这里插入图片描述
在这里插入图片描述
h1~h6这是是标题标签标题级别依次降低 字体也一次减小(注:在编写时h1标签只能出现一次 但其与的可出现多次)页面效果如下
在这里插入图片描述
img 为图片类标签一般出现格式为
在这里插入图片描述
img标签其作用为微页面加载图片, src是用于填写图片路径 alt则是对于图片信息进行描述 在图片因异常情况无法出现时即可显示 页面效果如下
在这里插入图片描述 在这里插入图片描述
在这里插入图片描述
a标签为连接类标签用于进行连接跳转 herf是用来输入链接地址的 a标签用着自己的默认文本样式 如需使用可自行根据CSS属性进行调解 页面效果如下
在这里插入图片描述
在这里插入图片描述这个是音频类标签 src是音频路径 controls用于控制是否加控制条;controls值表示加进度条页面效果如下
在这里插入图片描述
在这里插入图片描述
table是表格类标签被他包裹的tr与td相同 tr表示行td表示列table则是用来定义表格 页面效果如下
在这里插入图片描述
在这里插入图片描述
input标签问输入框标签可用来设置浏览器窗口等 其样式也可在内部定义 buttom标签则为按钮标签可帮助我们在页面上设置按钮。页面效果如下
在这里插入图片描述

以上几个是我们在学习html的时候所用的最基础的一些标签及其页面效果,之后我还会继续更新一部分其余的标签
还可以在百度等地方搜索来了解更多的标签以及使用

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值