HTML基本标签

<h1> ...<h6> 标题标签 , 快速实现标题效果

(火狐浏览器调试技巧: F12打开调试界面 , 通过 查看器 查看具体 元素 的 对应 展示效果)

<p> 段落标签 , 适合于 标记 一段 文本 , 段与段之间 的 间距 相对 行之间的间距 较大

<br> 换行标签 , 用于 强制性 换行 , 单行换行

<u> 下划线 标签  ,  适用于 用来标记  需要带 下划线的 文本内容

<i> 使 文本 倾斜 

<sup> 上标 标注 标签 ,  文章中某些 概念 在 文章末尾 统一解释  , 在文章中 可以通过该标签 和文章末尾的 解释 对应

<sub>  下标 标签

<hr> 水平线 标签

<div>  主要 用来  实现布局的控制 , 页面内容 可以通过 div 被切分成 大大小小的 矩形 区域

<span> 主要用于 标注  行内 的 某块  文本 , 借助于 后期的 css样式, 可以 将 一行 中的 某段 文本 设置出个性化 效果

<div> 和 <span> 在项目中 使用频率 最高

<div> 是 典型的 块级元素 , 独占一行

<span> 属于 行内元素 , 不独占一行

列表标签 : 主要用于 制作 菜单 导航栏

<ul> unordered  list 无序列表

<ol> ordered  list  有序列表

<dl> define list  定义列表

ul : 要包含 一个或 多个 li(list item 列表项) 子 标签

ol : 同样包含 li 子 标签

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • 换行 横线 a链接,链到一个地址 img 展示一张图片 div语义为“一大块”,用于给页面划分区块,让结构更清晰 ...
    yuhuan121阅读 360评论 0 0
  • 一、单标签 ◆ 换行标签 ◆ 水平标签线 二、双标签 段落标签 p 特点:上下自动生成空白行。 标题标签 h...
    两点半的杂货铺阅读 323评论 0 0
  • Subline快捷键 sublime快捷键使用 单标签 注释标签`` 换行标签 水平线标签 双标签 段落标签特点:...
  • 1.在html中标签可以分为单标签和双标签,顾名思义单标签是单独存在的,而双标签是成双成对出现的。除了这点不同,他...
    大白好阅读 1,726评论 0 1