前端基础—html常见标签

HTML常见标签

一、块标签

1、内容

(1)div 标签(无语意)

(2)h1~h6 标题标签

1、h1 ~ h3 都具备seo功能
2、SEO: 网络引擎搜索优化
3、h1大标题一个页面最多出现1次

(3)p 段落标签
(4)ul 无序列表:unorder list
(5)ol 有序列表: order list
(6)li 列表项: list-item
下面展示一些 代码

<body>
<ol>
        <li>锄禾日当午</li>
        <li>汗滴禾下土</li>
        <li>谁知盘中餐</li>
        <li>粒粒皆辛苦</li>
</ol>
<ul>
        <li>床前明月光</li>
        <li>疑是地上霜</li>
        <li>举头望明月</li>
        <li>低头思故乡</li>
</ul>
</body>

列表样式为:

  1. 锄禾日当午
  2. 汗滴禾下土
  3. 谁知盘中餐
  4. 粒粒皆辛苦
  • 床前明月光
  • 疑是地上霜
  • 举头望明月
  • 低头思故乡

(7)H5新增标签

 article、section、aside、nav、header、footer

2、特点

独占一行,默认宽度占满父级,高度为0,子级内容撑开高度

二、行标签

1、内容

(1)span标签(无语意)
(2)a 超链接标签

1、href:链接地址
2、target:打开方式
    - target=_self 默认值,在本页面打开
    - target=_blank 在新的标签页打开

2、特点

(1)同排序跟显示,遇到父级边界换行
(2)不支持宽高,内容撑开宽高
(3)不支持上下外边距
(4)不正常显示上下内外边距
(5)换行被解析

三、行块标签

1、内容

img 图像标签

1、属性
src:资源路径
title:鼠标悬停时的提示文本
alt:图片不能正常显示的提示文本
2、特点
如果不给宽度和高度,以图片默认的大小显示
如果只给宽度或者高度,等比例缩放

2、特点

(1)同排序跟显示,遇到父级边界换行
(2)没有宽高的时候内容撑开宽高
(3)换行被解析

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值