HTML标签最新总结

HTML常用标签(重点)

标题标签
< h1> - < h6 >
一个标题独占一行,< h1 >到< h6 >的标题文字依次变细,字号依次变小。
段落标签
< p > 我是一个段落 < /p >
换行标签
< br />
文本格式化标签

  • 粗体< strong >< /strong >或者< b >< /b >
  • 斜体< em >< /em >或者< i >< /i >
  • 下划线< ins >< /ins >或者< u >< /u >
  • 删除线< del >< /del>或者< s >< /s >

< div >和< span >标签(区块标签)

  • < div >< /div>标签用来布局,一行只能放一个< div >< /div >
  • < span >< /span >标签用来布局,一行可以放多个< sapn >< /span >

图像标签 < img >
在这里插入图片描述
在这里插入图片描述
相对路径和绝对路径
在这里插入图片描述
在这里插入图片描述
超链接标签
在这里插入图片描述

属性 作用
href 用于指定链接目标的地址,(必须属性)当标签应用href属性时,它就具有了超链接的功能
target 用于指定链接页面的打开方式,其中_self为默认值(在当前页面打开), _blank为在新窗口中打开
链接的分类

在这里插入图片描述
注释标签
在这里插入图片描述
特殊字符
在这里插入图片描述
表格标签

<table> 是表格标签,<tr>是行,<th>和<td>是表格中的元素

  • 基本结构

在这里插入图片描述

  • 表头单元格标签

在这里插入图片描述

  • 表格相关属性(了解)
    在这里插入图片描述
    不能只看,一定要动手敲一遍
    在这里插入图片描述

列表标签

  • 无序列表 < ul > 标签
    在这里插入图片描述
    在浏览器中显示如下:
    在这里插入图片描述
  • 有序列表 < ol > 标签
    在这里插入图片描述
    在浏览器中显示如下:
    在这里插入图片描述

表单标签< form >

  • 文本框
    在这里插入图片描述
    在这里插入图片描述

  • 单选框
    在这里插入图片描述
    在这里插入图片描述

  • 多选框
    在这里插入图片描述
    在这里插入图片描述

  • 时间(年.月.日)
    在这里插入图片描述
    在这里插入图片描述

  • 提交文件
    在这里插入图片描述
    在这里插入图片描述

  • 提交按钮
    在这里插入图片描述
    在这里插入图片描述

  • 密码字段
    在这里插入图片描述
    输入密码前:
    在这里插入图片描述
    输入密码后:
    在这里插入图片描述

  • 选择颜色
    在这里插入图片描述
    在这里插入图片描述

  • 普通按钮

  • 在这里插入图片描述
    在这里插入图片描述

  • 文本域
    在这里插入图片描述
    在这里插入图片描述

  • 下拉多选框
    在这里插入图片描述
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_54550842/article/details/112983728