Site Notice

hello, world

Difference between revisions of "Example"

From Project-EPB Commons
([InPageEdit] →‎大标题背景图: 没有编辑摘要)
(// Via InPageEdit-v2)
 
(16 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
正常文字、'''粗体文字'''、''斜体文字''
 
正常文字、'''粗体文字'''、''斜体文字''
  
正常文字<sup>上标文字</sup><sub>下标文字</sub>
+
正常文字<sup>上标文字</sup><sub>下标文字</sub>、<ruby>汉<rp>(</rp><rt>hàn</rt><rp>)</rp>字<rp>(</rp><rt>zì</rt><rp>)</rp></ruby>
  
[[首页|内部链接]][[内部链接]](页面不存在)
+
<u>下划线</u> & <ins>新增</ins><s>删除线</s> & <del>移除</del>
  
http://example.com [http://example.com 外部链接]
+
[[Main Page|内部链接]]、[[内部链接]](页面不存在)
 +
 
 +
https://example.com [https://example.com 外部链接]
  
 
<code>短代码</code>
 
<code>短代码</code>
Line 49: Line 51:
 
*# 二之二
 
*# 二之二
 
* 第三项
 
* 第三项
 +
 +
; 描述列表
 +
: 描述元素
 +
:: 二级缩进
 +
:; 混合缩进
  
 
<gallery>
 
<gallery>
 
Example.jpg|说明1
 
Example.jpg|说明1
 
Example.jpg|说明2
 
Example.jpg|说明2
 +
Example.jpg|说明3
 
</gallery>
 
</gallery>
  
Line 69: Line 77:
 
</pre>
 
</pre>
  
<pre class="prettyprint">
+
<syntaxhighlight lang="javascript">
 
/** JavaScript **/
 
/** JavaScript **/
 
// 代码块
 
// 代码块
!(function(){
+
;(function(){
   var person = you;
+
   const { Human } = require('god-editor')
   var health = true;
+
   let person = new Human(yourName)
   person.setAttribute.health(health);
+
   person.setAttribute('health', 'very good')
}());</pre>
+
})()</syntaxhighlight>
  
 
== 表格元素 ==
 
== 表格元素 ==
Line 94: Line 102:
 
|}
 
|}
  
== 大标题背景图 ==
+
{| class="wikitable" style="width: 2400px"
页面头部的firstHeading部分的背景图片可以使用CSS自定义,比纯色块会好看一点。<html><button onclick="$('#pageHeader').toggleClass('hasBg');$('body,html').animate({scrollTop:0},200);">切换背景图</button></html>
+
|-
<pre class="prettyprint lang-css">
+
! colspan="2" | 超宽表格
#pageHeader {
+
|-
  background-image: url(...);
+
| 文字内容
}
+
| 文字内容
</pre>
+
|-
<html>
+
| colspan="2" | 文字内容
<style>#pageHeader.hasBg {
+
|-
  background-image: url(/images/a/a9/Example.jpg);
+
| rowspan="2" | 标题
  background-size: 100%;
+
| 内容
  box-shadow: 0 0 8px gray inset;
+
|-
  background-attachment: fixed;
+
| 内容
  text-shadow: 0 0 4px #666;
+
|}
}</style>
+
 
</html>
+
[[Category:Example]][[Category:Sandbox]]

Latest revision as of 23:10, 8 April 2022

这个页面用于测试内容格式。

二级标题

三级标题

四级标题

五级标题

行内元素

狡猾的棕色狐狸越过了一条懒狗的头顶。Quick brown fox jumps over the lazy dog.

正常文字、粗体文字斜体文字

正常文字上标文字下标文字(hàn)()

下划线 & 新增删除线 & 移除

内部链接内部链接(页面不存在)

https://example.com 外部链接

短代码

图片元素

Example.jpg
这是一张示例图片
Example.jpg
Example.jpg
Example.jpg

Example.jpg

块级元素

  • 无序列表
  • 第二项
    • 二之二
  • 第三项
  1. 有序列表
  2. 第二条
    1. 二之二
  3. 第三条
  • 嵌套列表
  • 第二
    1. 二之一
    2. 二之二
  • 第三项
描述列表
描述元素
二级缩进
混合缩进
  《安徒生童话》是丹麦作家安徒生创作的童话集,共由166篇故事组成。该作爱憎分明,热情歌颂劳动人民、赞美他们的善良和纯洁的优秀品德;无情地揭露和批判王公贵族们的愚蠢、无能、贪婪和残暴。其中较为闻名的故事有:《小人鱼》、《丑小鸭》、《卖火柴的小女孩》、《拇指姑娘》等。
  《安徒生童话》已经被译为150多种语言出版发行。他的童话故事还激发了大量电影、芭蕾舞剧、舞台剧以及电影动画的制作。
  2020年4月,列入《教育部基础教育课程教材发展中心 中小学生阅读指导目录(2020年版)》。

  《海的女儿》:小人鱼为了能和自己所爱的陆地上的王子在一起.用自己美妙的嗓音和三百年的生命换来了巫婆的药酒,于是,她有了一双美丽的脚,每走一步就像走在碎玻璃上一样疼痛。眼看着王子和别人结婚,她宁可牺牲自己的生命,也要为王子祝福。
  《丑小鸭》:丑小鸭历经千辛万苦、重重磨难之后变成了白天鹅,那是因为它心中有着梦想。
  《屎壳郎》:皇宫马厩的一只屎壳郎竟然要求和皇帝的战马享有一样的待遇——钉上金掌。为此,他不惜游历一番,以证明自己和那匹马一样,是个不可小看的人物。在他最为得意,认为梦想成真的那刻.却被皇帝压在马鞍底下。
  《野天鹅》:这是一场善与恶的斗争。艾丽莎是个柔弱的女子,但她却战胜了比她强大得多、有权有势的王后和主教。救出了被王后的魔法变成天鹅的十一位哥哥。她可以成功靠的是她的勇气、决心和毅力。面对荨麻的刺痛和一年不能说话的痛苦,这需要多大的勇气去面对啊。即使面对主教对她的诬陷和把她烧死的惩罚,她也没有放弃,一直坚持到最后一分钟,终于完成了她的工作。
  《夜莺》:夜莺那曼妙的嗓音,赢得了全世界博学之士的推崇,也赢得了中国皇帝的眼泪。在皇帝弥留之际,夜莺再次来到皇帝的身边为他歌唱,阎王使者潸然泪下后飘然离去,皇帝的生命得到了延续。
  《雪人》:一个刚刚诞生想知道爱情是什么的雪人,竟然神魂颠倒地爱上了房子里的炉子。它们彼此相爱,白天深情相对,晚上翩翩起舞,度过了一个美丽的冬天。其间虽有短暂的挫折.却表明了雪人对炉子的真挚爱情。最后雪人融化在爱人的怀抱里。
  《打火匣》:一个士兵娶到了公主,并成为国王。
/** JavaScript **/
// 代码块
;(function(){
  const { Human } = require('god-editor')
  let person = new Human(yourName)
  person.setAttribute('health', 'very good')
})()

表格元素

表格标题 title
文字内容 文字内容
文字内容
标题 内容
内容
超宽表格
文字内容 文字内容
文字内容
标题 内容
内容