标记:HTML 标记和格式

标题

标题一

标题二

标题三

标题四

标题五
标题六

小标题

单行楷体引号:

保持饥饿。保持愚蠢

多行楷体引号,带引用参考文献:

人们认为,专注意味着对你必须专注的事情说 "是"。但根本不是这个意思。它意味着对其他上百个好主意说 "不"。你必须仔细挑选。实际上,我为我们没有做过的事情和我做过的事情感到骄傲。创新就是对一千件事说 "不"。

史蒂夫-乔布斯 - 1997 年苹果全球开发者大会

表格

员工 工资
无名氏 $1 因为这就是乔布斯所需要的薪水。
无名氏 $100K 因为她写了那么多博客
弗雷德-博格斯 $100M 图片胜过千言万语,对吗?所以,简 x 1000。
简-博格斯 $100B 有这样的头发?说的够多了......

定义列表

定义列表 标题
定义列表划分。
启动
创业公司或初创企业是指旨在寻找可重复、可扩展商业模式的公司或临时组织。
#dowork
由罗布-迪尔代克和他的贴身保镖克里斯托弗-"大黑"-博伊金斯共同提出的 "干得漂亮",既可以激励自己,也可以激励朋友。
现场直播
我会让比尔-奥莱利(Bill O'Reilly)去做 说明 这个

无序列表(嵌套)

  • 列出项目一
    • 列出项目一
      • 列出项目一
      • 清单项目二
      • 清单项目三
      • 清单项目四
    • 清单项目二
    • 清单项目三
    • 清单项目四
  • 清单项目二
  • 清单项目三
  • 清单项目四

有序列表(嵌套)

  1. 列出项目一
    1. 列出项目一
      1. 列出项目一
      2. 清单项目二
      3. 清单项目三
      4. 清单项目四
    2. 清单项目二
    3. 清单项目三
    4. 清单项目四
  2. 清单项目二
  3. 清单项目三
  4. 清单项目四

HTML 标签

这些支持的标记来自 WordPress.com 代码 常见问题.

地址标签

1 无限循环
加利福尼亚州库珀蒂诺 95014
美国

锚标签(又称链接)

这是一个 链接.

缩写标签

缩写 真的 代表 "认真"。

缩略语标签 (在 HTML5 中已被弃用)

缩写 ftw 代表 "为了胜利"。

大标签 (在 HTML5 中已被弃用)

这些测试是 交易,但 HTML5 不再支持该标记。

引用标签

"代码就是诗"。-Automattic

代码标签

在后面的测试中,您将了解到 word-wrap: break-word; 将是你最好的朋友。

删除标签

该标签可让您 剔除文本但 HTML5 不再支持该标记(使用 <打击 而不是)。

强调标签

强调标记应 斜体 文本

插入标签

该标签应表示 插入式 文本

键盘标签

这个鲜为人知的标签模仿了 键盘文本,其样式通常与 标签

预格式化标签

该标签为大的代码块设置样式。

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	这里有一行非常非常非常非常长的文字,只是想看看 PRE 标签是如何处理的,以及它是如何溢出的;
}

报价标签

开发人员、开发人员、开发人员... 史蒂夫-鲍尔默

罢工标签 (在 HTML5 中已被弃用)

该标签显示 删除线文本

强大的标签

该标签显示 豪迈 文本

下标标签

用 H 打造我们的科学造型2O,应将 "2 "向下推。

上标标签

仍然坚持科学和牛顿的 E = MC2这样就能把 2 升起来。

电传标签 (在 HTML5 中已被弃用)

这个很少使用的标记模拟了 电传文本,其样式通常与 标签

变量标签

这样就可以表示 变量.

标记:文本对齐

博客4

默认值

这是一个段落。它不应该有任何对齐方式。它应该像你通常期望的那样流畅。没有任何花哨。只是直截了当的文字,自由流畅,充满爱意。完全中立,不选边站,也不坐井观天。就是这样。它就是这样。它喜欢现在的状态。它不觉得自己必须选边站。让它去吧。这样会更好。相信我

左对齐

这是一个段落。左对齐。因此,它的观点比较自由。它最喜欢的颜色是绿色。左对齐倾向于更环保,但它没有提供具体的证据来证明它真的环保。尽管它喜欢平均分配财富,但它将平均分配留给了合理排列。

中心对齐

这是一个段落。居中对齐。居中是,但本质上,是一个栅栏坐标。翻来覆去。它很难下定决心。它想选择一方。确实如此。它的初衷是好的,但它往往会使事情复杂化,而不是起到帮助作用。你能做的最好的办法就是试着说服它,希望能有最好的结果。我听说中心对齐会接受贿赂

右对齐

这是一个段落。右对齐。它的观点比较保守。它不喜欢别人告诉它做什么或怎么做。右派拥有大量枪支,喜欢去射击场练习。这很酷。我的意思是,至少在四五个足球场外,它的枪法都很准。真准真厉害

对齐

这是一个段落。它是对齐的。当人们把它和贾斯汀-汀布莱克(Justin Timberlake)联系在一起时,它会非常生气。通常情况下,justified 是非常直率的。它喜欢一切各归其位,而不像其他对齐方式那样斤斤计较。我并不是说这让它比其他队列更好,但它确实更倾向于精英主义的态度。

标记:图像对齐

欢迎使用图像对齐!要演示各种图像定位选项的起伏变化,最好的办法就是将它们依偎在文字的海洋中。拿上桨,我们开始吧。

关于对齐问题,应该指出的是,用户可以从以下选项中进行选择 左侧和 中心.此外,他们还可以选择 缩略图中型大型 & 全尺寸.

图像对齐 580x300

上图恰好是 居中.

图像对齐 150x150本段其余部分为填充内容,目的是让读者看到文字围绕 150×150 的图片展开,即 左对齐.

正如您所看到的,图片的上方、下方和右侧应该留出一些空间。文字不应该爬到图片上。爬行是不对的。图片也需要呼吸空间。让图片像文字一样说话。让图片完成自己的工作,而不需要文字的干扰。再多说一句,我们就会看到文字从图片的右边移到了图片的下方,实现了无缝过渡。同样,让文字做它该做的事。任务完成!

现在是 大图.它还具有 不对齐.

图像对齐 1200x400

上面的图片虽然有 1200px 宽,但不应溢出内容区域。图片应保持在一定范围内,不会对内容流造成明显干扰。

图像对齐 300x200

现在,我们将工作重心转移到 右对齐.同样,图像的上方、下方和左侧都应该有足够的空间。看看他......嘿,伙计!你的右边太震撼了。我不管左对齐的图片怎么说,你看起来很棒。别让别人说三道四。

稍等一会儿,你就会看到文字开始包在右对齐图像的下方,并很好地固定下来。这里应该还有足够的空间,一切都应该很美观。就是这样。正确的感觉真好

就在你以为我们已经完成的时候,我们将重新做一遍,并加上字幕!

图像对齐 580x300

看看 580×300 得到了一些 说明

上图恰好是 居中.标题中还有一个链接,只是想看看它是否会做什么奇怪的事情。

图像对齐 150x150

小小的标题

本段其余部分为填充内容,目的是让读者看到文字围绕 150×150 的图片展开,即 左对齐.

正如您所看到的,图片的上方、下方和右侧应该留出一些空间。文字不应该爬到图片上。爬行是不对的。图片也需要呼吸空间。让图片像文字一样说话。让图片完成自己的工作,而不需要文字的干扰。再多说一句,我们就会看到文字从图片的右边移到了图片的下方,实现了无缝过渡。同样,让文字做它该做的事。任务完成!

现在是 大图.它还具有 不对齐.

图像对齐 1200x400

为您的眼球提供大量图片评论。

上面的图片虽然有 1200px 宽,但不应溢出内容区域。图片应保持在一定范围内,不会对内容流造成明显干扰。

图像对齐 300x200

一直正确的感觉真好。

现在,我们将工作重心转移到 右对齐.同样,图像的上方、下方和左侧都应该有足够的空间。看看他......嘿,伙计!你的右边太震撼了。我不管左对齐的图片怎么说,你看起来很棒。别让别人说三道四。

稍等一会儿,你就会看到文字开始包在右对齐图像的下方,并很好地固定下来。这里应该还有足够的空间,一切都应该很美观。就是这样。正确的感觉真好

到此为止,哟!你熬过了对齐的艰难时刻。图像对齐成就已解锁!