2 <html xmlns="http://www.w3.org/1999/xhtml">
3
4 <head>
5 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
6 <title>css 汉字注音,日本语片假名</title>
7 <meta name="description" content="涂聚文,缔友计算机信息技术有限公司,经营信息流,物流,人力资源流,资本流的系统解决方案的开发与设计和服务,geoVI studio.Geovin Du. Systems Solution to Fund flow,and Information flow,and Material flow,and Control flow,and Human Resource.Applied software development,design and service。."/>
8 <meta name="description" content="Study,Communicate。 "/>
9 <meta name="Robots" content="all index follow "/>
10 <meta name="Author" content="涂聚文" />
11 <meta name="keywords" content="Chinea,Guangdong Province,Shenzhen city,Nanshan District,Hi-teach industry Park, geoVI studio,Geovin Du,Systems Solution.勝利は仕事部屋である貴方にご光来を賜ることを歓迎,the original affiliation, Jiangxi Province, the Ji'an city, YongFeng coutry, Ouyang's hometown. Discussion forum, friend reason person, English, Japanese language, Korean language... The music appreciation, Wan Nian calendar, the English salon, the trade market, the information, the telecommunication electron, the electric appliance, the currency foreign exchange, the news, the book, by talk, the fable, the fairy tale, the novel, the sketch philosophy, the philosophy, the national studies, the poem, the word, the prose, the tune, manages the creativity, the software technology, sound, the picture, the image data warehouse, C , C.NET, WEB,JAVA, J2EE XML, the HTML, software engineering, the physiological, keeping in good health, the traveling, lives,geocVi のスタジオはgeovindu, 中国のGuangdong の地 域,Shenzhen のNanShan 地区すなわち高く新しい技術的な企業の 開発の地帯すなわち元の加入すなわちJiangxi の地域すなわち Ji'an 都市, 故郷coutry YongFeng Ouyang's のへ, あな たを歓迎する。議論のフォーラムすなわち友人の理由人, 英語す なわち日本語の言語すなわち韓国語の言語は... 音楽感謝すなわ ちNian の弱々しいカレンダーすなわち英国の大広間すなわち貿易 市場すなわち情報すなわちテレコミュニケーションの電子すなわ ち電気電気器具すなわち通貨の外国為替すなわちニュースすなわ ち本, 話によって, fable のおとぎ話すなわち小説すなわちスケ ッチの哲学すなわち哲学は, 国民調査する, 詩すなわち単語すな わち散文すなわち調子, 管理する創造性すなわちソフトウェア技 術すなわち音すなわち映像すなわちイメージ・データの倉庫 , C , C.NET の網, ジャワ, J2EE XML, html のよい健康すなわ ち移動, 生命で保つソフトウエア工学すなわち生理学を,®geoVI 일 방 ™고향 geocVi 스튜디오는 geovindu, 중국 의 Guangdong 지방, Shenzhen 의 NanShan 지역, 높은 새로운 기술 적인 공업 발달 지역, 원래 affiliation, Jiangxi 지방 , Ji'an 도시, coutry YongFeng, Ouyang's에, 너를 환 영한다. 면담 공개토론, 친구 이유 사람, 영어, 일본 언어, 한 국 언어는... 음악 감사, Nian 병약한 달력, 영국 살롱, 무역 시장, 정보, 원거리 통신 전자, 전기기구, 통화 외국 교환, 뉴 스, 책, 이야기의옆에,fable 의 요전같은 총계, 소설, 밑그림 철학, 철학은, 동포 공부한다, 시, 낱말, 산문, 곡, 처리한다 독창성, 소프트웨어 기술, 소리, 그림,심상 자료 창고 , C , C.NET 의 웨브, 자바, J2EE XML, HTML 의 건강, 여행, 일생안에 지키는 소프트웨어 기술설계, 생리를">
12 <link rel="stylesheet" href="css/style.css" type="text/css"/>
13 <link rel="stylesheet" href="css/shadow.css" type="text/css"/>
14 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
15 <link rel="icon" href="favicon.ico" type="image/ico" />
16 <link rel="bookmark" href="favicon.ico"/>
17
18 <style type="text/css">
19
20
21
22
23 </style>
24
25 </head>
26
27 <body>
28 <ruby>中国人民万万岁<rt>zhōng guó rén mín wàn wàn suì </rt><br/>
29 缔友计算机信息技术有限公司,締友計算機信息技術有限公司<rt>dì yǒu jì suàn jī xìn xī jì shù yǒu xiàn gōng sī ,dì yǒu jì suàn jī xìn xī jì shù yǒu xiàn gōng</rt>
30 </ruby>
31 <ruby>
32 <rbc><rb>林</rb> <rb>和</rb> <rb>代</rb></rbc>
33 <rtc> <rt>はやし</rt><rt>かず</rt><rt>よ</rt> </rtc>
34 </ruby>
35 <ruby>
36 <rbc><rb>民政局</rb></rbc>
37 <rtc><rt>みんせいきょく</rt></rtc>
38 <rtc><rt>ガバメント・セクシヨン</rt></rtc>
39 </ruby>
40 <ruby style=”ruby-align: right; ruby-position: above; ruby-overhang: whitespace”>Ruby base content<rt>Ruby text</rt></ruby>
41 <ruby>
42 <span style="font-family:Verdana; font-size:14pt">This is the base text.</span>
43 <rt>
44 <span style="font-family:Times New Roman; font-size: 8pt; color:red">
45 This is the ruby text</span>
46 </ruby>
47
48 <ruby>
49 <rbc>
50 <rb>10</rb>
51 <rb>31</rb>
52 <rb>2002</rb>
53 </rbc>
54 <rtc>
55 <rt>Month</rt>
56 <rt>Day</rt>
57 <rt>Year</rt>
58 </rtc>
59 <rtc>
60 <rt rbspan="3">Expiration Date</rt>
61 </rtc>
62 </ruby><ruby><rb>你</rb><rp>(</rp><rt>nǐ</rt><rp>)</rp></ruby>
63 <ruby><rb>我</rb><rp>(</rp><rt>wǒ</rt><rp>)</rp></ruby>
64 <br/>
65 参考网址:
66 http://www.w3.org/International/articles/ruby/#Slide0140
67 http://www.w3.org/International/tutorials/ruby/en/all.html
68 http://www.css3.com/css-ruby-align/
69 http://www.css3.com/css-ruby-overhang/comment-page-1/#comment-15977
70 http://www.w3.org/TR/css3-ruby/
71 http://htmlruby.codeplex.com/
72
73 firefox浏览器下载附件:HTML Ruby或是 XHTML Ruby Support
74 </body>
75
76 </html>
77
实例效果:http://geovindu.blog.163.com/blog/static/9827808201002485624350/
摘于《中国历代咏月诗词全集》河南文艺出版社 邓国光 曲奉先编
秋风清 李白
秋风清,秋月明。落叶聚还散,寒鸦栖复惊。相思相见知何日,此时此夜难为情
虞美人 李煜
春花秋月何时了,往事知多少。小楼昨夜又东风,故国不堪回首月明中。
雕阑玉砌应犹在,只是朱颜改。问君能有几多愁,恰似一江春水向东流。
乌夜啼 李煜
无言独上西楼,月如钩。寂寞梧桐深院、锁深秋。
剪不断,理还乱,是离愁。别是一般滋味、在心头。
虞美人 晏几道
曲阑干外天如水,昨夜还曾倚。初将明月比佳期。长向月圆时候、望人归
罗衣著破前香在,旧意谁教改。一春离恨懒调弦。犹有两行闲泪、宝筝前。
前调 晏几道
当时月下分处,依旧凄凉。也会思量。不道孤眠夜更长。
泪痕搵遍鸳鸯枕,重绕回廊。月上东窗。长到如今欲断肠。
阳关曲 苏轼
暮云收尽溢清寒,银汉无声转玉盘。此生此夜不长好,明月明年何处看。
减字木兰花 春月 苏轼
春庭月午,摇荡香醪光欲舞。步转回首廊,半落梅花婉娩香。
轻云薄雾,总是少年行乐处。不似秋光,只与离人照断肠。
虞美人 苏轼
持杯遥劝天边月:愿月圆无缺。持杯复更劝花枝:愿花枝长在、莫离披。
持杯月下花前醉,休问荣枯事。此欢能有几人知?对酒逢花不饮、待何时。
水调歌头 丙辰中秋,欢饮达旦,大醉,作此篇,兼怀子由 苏轼
明月几时有,把酒问青天。不知天上宫阙,今夕是何年。
我欲乘风归去,又恐琼楼玉宇,高处不胜寒。起舞弄清影,何似在人间。
转朱阁,低绮户,照无眠。不应有恨,何事长向别时圆?
人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共婵娟。
菩萨蛮 新月 苏轼
画檐初挂弯弯月,孤光未满先忧缺。遥认玉帘钩,天孙梳洗楼。
佳人言语好,不愿新巧。此恨固应知,愿人无别离。
Firefox浏览器没有注音效果,请添加附件:HTML Ruby或是 XHTML Ruby Support
看不清拼音可以:按住Ctrl键,转动鼠标中间滑动键,它会自动变大缩小字体,
每个浏览器基本都有这个快捷键。
charts for tonal pinyin in Unicode Web pages
a
ā ā
á á
ǎ ǎ
à à
e
ē ē
é é
ě ě
è è
i
ī ī
í í
ǐ ǐ
ì ì
o
ō ō
ó ó
ǒ ǒ
ò ò
u
ū ū
ú ú
ǔ ǔ
ù ù
ü
ǖ ǖ
ǘ ǘ
ǚ ǚ
ǜ ǜ
更多专业前端知识,请上 【猿2048】www.mk2048.com