对于HTML的标签进行复习

这是一份常用标签附带描述的思维导图,

仅供参考

首先我们将其作用进行分类

  1. 文档结构标签:

    • <html>
    • <head>
    • <title>
    • <body>
  2. 文本内容

    • <h1> to <h6>
    • <p> <span>
  3. 超链接标签:

    • <a>
  4. 图像标签:

    • <img>
  5. 块级容器标签:

    • <div>
    • <p>, <h1><h6>, <ul>, <li>, <table>等
  6. 内联容器标签:

    • <span>
    • <img>, <input>, <button>, <label>等。
  7. 列表标签:

    • <ul>
    • <ol>
    • <li>
  8. 表格标签:

    • <table>
    • <tr>
    • <td>
  9. 表单相关标签:

    • <form>
    • <input>
    • <button>
    • <select>
    • <textarea>
    • <label>

请注意,这只是一种可能的分类方式,根据需要和具体的使用情况,这些标签可以按照不同的方式进行分类。

其中常用标签也能分为文本标签和块级标签:

  1. 文本标签:
  2. `<h1>` to `<h6>`
  3. `<p>`
  4. `<a>`
  5. <span>
  6. <strong>:表示强调的文本,通常以粗体显示。
  7. <em>:表示强调的文本,通常以斜体显示。
  8. <code>:表示计算机代码或程序代码的文本。
  9. <blockquote>:表示长引用的文本块。
  10. <pre>:表示预格式化文本,保留空格和换行符的原始格式。
  11. <abbr>:表示缩写或首字母缩略词。
  12. <cite>:表示引用或参考的作品或文献。
  13. <sub>:表示下标文本。
  14. <sup>:表示上标文本。
  15. <del>:表示删除的文本。
  16. <ins>:表示插入的文本

当然

块级标签:

  1.  `<div>`
  2.  `<ul>`
  3.  `<ol>`
  4.  `<li>`
  5.  `<table>`
  6.  `<tr>`
  7.  `<td>`
  8.  `<form>`
  9.  `<button>`
  10.  `<select>`
  11.  `<textarea>`
  12.  `<label>`

请注意,这个分类是基于标签在布局和语义上的一般用法。一些标签可以在不同上下文中具有不同的表现,具体使用时需要根据需求和实际情况进行选择。

如果对于文章有任何疑问或者问题欢迎指正

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值