跳到主要内容

标题

通过 <h[\m]></h[\m]> 标签进行定义的,其中 n 的值是从 1 到 6 ,分别表示六级标题。

斜体 和 粗体

粗体( boldface )和斜体( italic )文本在所有纸面交流中都变成了社交礼节所要求的。

给文本添加粗体和斜体格式化效果的老派方法——这里将简要讨论,因为如果你选择查看源代码,那么将不可避免地会在许多 Web 站点的源代码中看到它,包括 <b><i> 标签对。对于粗体文本,将用 <b></b> 标签包围文本。类似地,要使任何文本以斜体显示,将在 <i></i> 标签内封闭它。尽管这种方法在浏览器中仍然会工作得很好,但它不像用于文本格式化的 CSS 样式规则那样灵活或强大,应该 避免使用

<strong><em> 标签被认为是 <b><i> 之上的改进,因为它们只暗示文本应该接受特殊的强调。它们没有明确规定应该如何实现这种效果。换句话说,浏览器不必把 <strong> 解释为意指粗体或者把 <em> 解释为意指斜体。这使 <strong><em> 更适合于 HTML5 ,因为它们给文本添加了含义,并且会影响文本的显示方式。

段落

其中 p 是 Paragraph (段落)的缩写,使用 <p></p> 可以用来包裹文章的段落的主体内容。

属性作用
class=class设置类属性
id=id设置 ID 属性
style=style设置行内样式
title=title设置标题
dir=dir设置段落文字的显示方向
lang=lang设置语言种类
accesskey=key设置快捷键
tabindex=n设置 Tab 键在控件中的移动顺序
contenteditable=bool设置元素是否可编辑
contextmenu=id指定 context menu
draggable=bool设置是否可拖拽
dropzone=value设置是否可拖放
hidden设置隐藏元素
spellcheck=bool检查语法拼写
IE 扩展属性用于设定 IE 扩展属性

常见

  • <abbr></abbr>表示缩写
  • <address>地址
  • <bdi>文档方向 ( 不受父级影响 )
  • 换行
  • <bro>文档方向 包含 dir 属性,取值包括 ltr (由左向右)和 rtl (由右向左)
  • <cite>引用其它作品标题
  • <code><var><samp><kbd>:表示输入和输出
  • <del>已删除的内容
  • <dfn></dfn>定义术语
  • <em></em>:强调的(斜体)文本。
  • <hr>主题分割线
  • <ins>已添加的内容
  • <mark>突出显示
  • <meter>代表投票结果。与 progress 类似,包含 value 、 min 、 max 、 low 、 high 、 optimum 、 form 属性
  • <pre></pre>:预先格式化的(通常是等宽的)文本,保留空格和换行符。
  • <progress>完成度,表水一个进度条,支持 max 、 value 、 form 属性
  • <q></q>定义短的引用
  • <ruby><rt><rp></rp><rp ></rp></rt></ruby>注释
  • <small></small>添加小号文本
  • <strong></strong>:醒目的(粗体)文本。
  • ^、:上标文本。
  • ^、:下标文本。
  • 段中元素
  • <time>表示时间和日期,可包含 datetime 属性,来告诉浏览器时间
  • <u></u>: 下划线
  • <wbr>智能换行

del ins

del 和 ins 有两个重要是的属性: cite 、 datetime 。 cite 属性不同于 cite 元素,用于提供一个 URL ,指向说明编辑原因的页面。 datetime 属性提供编辑的时间,浏览器不会显示,不过可以提供一些背景信息。

meter

很像 progress ,可以用 meter 表示分数值或已知范围的测量结果。属性如下:

  • value 值,唯一必须包含的属性
  • min 最小
  • max 最大
  • low 下限
  • high 上限
  • optimum 设置最佳值
  • form 所属表单

引用它处内容

<blockquote></blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

文字的滚动

使用 marquee 元素可以实现文字的滚动。

<span class="p"
><marquee
style="width:xx;height: xx;"
scrollamount="2"
direction="up"
align="right"
></marquee
></span>
  • bg color 属性设定活动字幕的背景颜色,背景颜色可用 RGB 、 16 进制值的格式或颜色名称来设定

  • width 用于设置滚动文本框的宽度,输入一个数值后从后面的单选框选择 in Pixels (按像素)或是 in Percent (按百分比)

  • height 用于设置滚动文本框的高度,输入一个数值后从后面的单选框选择 in Pixels (按像素)或是 in Percent (按百分比)

  • loop 属性设定滚动的次数,当 loop=-1 表示一直滚动下去,默认为 -1

  • hspace 、 vspace 设定活动字幕里所在的位置距离父容器垂直边框、竖屏的距离

设定 <marquee> 标签内容的对齐方式可选参数如下。

  • absbottom :绝对底部对齐(与 g 、 p 等字母的最下端对齐)
  • absmiddle :绝对中央对齐
  • baseline :底线对齐
  • bottom :底部对齐(默认)
  • left :左对齐
  • middle :中间对齐
  • right :右对齐
  • texttop :顶线对齐
  • top :顶部对齐
<marquee
behavior="alternate"
direction="up"
style="width: 12rem; background: chartreuse; height: 2rem; text-align: center"
scrollamount="2"
align="center"
>
........ 。 ....... 。 ...... 。 ..... 。 .... 。 ... 。 .. 。 . 。
</marquee>

behavior 属性设置 marquee 的滚动的方式

  • scroll :循环滚动
  • slide :单次滚动
  • alternate :来回滚动