Sau một vài ngày mày mò để đưa ra định dạng html cho phù hợp với mục đích của mình cộng với sự giúp đỡ của các bạn bên
Tôi nghĩ, việc soạn code trực tiếp là rất vất vả. Do đó tôi nghĩ tới việc sẽ cho sinh code tự động từ dữ liệu Excel hoặc Word.
Về Word, 100% sẽ lấy được furigana. Còn với Excel thì 50-50. Nên tôi cần test thử khi định hình thiết kế.
Việc đầu tiên tôi có thể thử đó là thử với
Bây giờ chúng ta hãy nhìn vào code dưới đây.
Bạn cần đăng nhập để thấy link
, tôi đã có được form mà tôi cho là tốt.
Bạn cần đăng nhập để thấy hình ảnh
Tôi nghĩ, việc soạn code trực tiếp là rất vất vả. Do đó tôi nghĩ tới việc sẽ cho sinh code tự động từ dữ liệu Excel hoặc Word.
Về Word, 100% sẽ lấy được furigana. Còn với Excel thì 50-50. Nên tôi cần test thử khi định hình thiết kế.
Việc đầu tiên tôi có thể thử đó là thử với
Bạn cần đăng nhập để thấy link
, có vẻ không ổn, tôi tiến hành add language japanese trên Excel.Bây giờ chúng ta hãy nhìn vào code dưới đây.
HTML:
<table class="chinh">
<tbody>
<tr>
<th style="width:30%">1-Tuấn</th>
<th rowspan="4">
<p>
<ruby class="to">
俊足
<rp>(</rp><rt>しゅんそく</rt><rp>)</rp>
</ruby><span>: người tài giỏi, nhanh nhẹn, tháo vát</span>
</p>
<p>
<ruby class="to">
俊才
<rp>(</rp><rt>しゅんさい</rt><rp>)</rp>
</ruby><span>: tài năng xuất chúng</span>
</p>
<p>
<ruby class="to">
俊敏
<rp>(</rp><rt>しゅんびん</rt><rp>)</rp>
</ruby><span>: Thông minh lanh lợi,sắc sảo(đánh giá),nhạy bén,nhanh chóng(năng lực)</span>
</p>
</th>
</tr>
<tr class="cao">
<td class="sieuto">俊</td>
</tr>
<tr>
<td>KUN:(すばやい)</td>
</tr>
<tr>
<td>ON:シュン</td>
</tr>
<tr>
<td colspan="3" style="font-style:italic;">Cách nhớ:Muruta-san là người rất tháo vát</td>
</tr>
</tbody>
</table>
<!-- O cach viet -->
<br/>
<br/>
<table class="phu">
<tbody>
<tr>
<td class="cham"></td>
<td></td>
</tr>
<tr class="cham">
<td class="cham"></td>
<td></td>
</tr>
</tbody>
</table>
Đính kèm
-
2.3 KB Lượt xem: 5