最新情報(リストタグを使ったシンプルなパターン)
-
02月28日
19611029
最新情報(定義タグとアイコンを使ったパターン)
- 2010年6月1日ニュース
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
- 2010年6月1日PR
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
- 2010年6月1日新商品
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
- 2010年6月1日新商品
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
- 2010年6月1日新商品
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
H2用のテキストが入ります。
Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
H3用のテキストが入ります。
Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
H3用のテキストが入ります。
H4用のテキストが入ります。
Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
H4用のテキストが入ります。
Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
「divタグ(boxクラス)」を使って左右に並べた例
サイト制作が楽になるソフト一覧
-
フリーのテキストエディタ。
「F7」を押せばHTMLのエラーチェックができる他、タグを自動的に予測入力してくれる機能もある。 -
全ページのタイトル等を一括で変更したいときにオススメ。
-
作成したホームページファイルをサーバへアップ(転送)するFTPソフトです。
-
ドラッグ&ドロップだけでファイルの文字コードを変換することができます。
ただし、HTMLソース内の文字コード表記も変更するようにしてください。 -
お使いのPCにインストールすることで、疑似サーバ環境を作成できます。PHPやMySQLなどのテストが可能になります。
「リストタグ(checklist)を使った例
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
- Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。
「テーブルタグ」を使った例
| おすすめのサービス | 評価(5段階) | 詳細 |
|---|---|---|
![]() |
★★★★★ | Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。 |
![]() |
★★★★☆ | Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。 |
![]() |
★★☆☆☆ | Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。Kokoni TEXT ga hairi masu。 |
本テンプレートでは「advanced.css」の中に便利なCSSの設定をご用意しています。
1、文字色を変える
- 文字色を黒色に変更することができます。
- 文字色を赤色に変更することができます。
- 文字色を青色に変更することができます。
- 文字色を緑色に変更することができます。
- 文字色を黄色く変更することができます。
- 文字色を灰色に変更することができます。
- 文字色をオレンジに変更することができます。
- 文字色をピンクに変更することができます。
- 文字色を紫色に変更することができます。
- 文字色を黄土色に変更することができます。
- 文字色を黄緑に変更することができます。
- 文字色を水色に変更することができます。
2、文字の大きさを変える
- 文字を太字にすることができます。
- 文字を「120%」の大きさにすることができます。
- 文字を「150%」の大きさにすることができます。
- 文字を「180%」の大きさにすることができます。
- 文字を「80%」の大きさにすることができます。
3、下線や取消線を引く
- 文字に下線を引くことができます。
- 文字に取り消し線を引くことができます。
4、文字列を「蛍光ペンのようなボックス」で囲む
- 文字を黄色いボックスで囲むことができます。
- 文字に水色のボックスで囲むことができます。
- 文字に灰色のボックスで囲むことができます。
- 文字に赤色のボックスで囲むことができます。
5、文字列の前にアイコンを付ける。
尖塔にCHECK!という画像が付いた状態で表示されます。
尖塔にCHECK!という画像が付いた状態で表示されます。
尖塔にPOINT!という画像が付いた状態で表示されます。
尖塔にPOINT!という画像が付いた状態で表示されます。
尖塔に注意!という画像が付いた状態で表示されます。
尖塔に注意!という画像が付いた状態で表示されます。
尖塔に初心者マークが付いた状態で表示されます。
尖塔にメール画像が付いた状態で表示されます。
尖塔にPDF画像が付いた状態で表示されます。
尖塔にZIP画像が付いた状態で表示されます。
尖塔にRSS画像が付いた状態で表示されます。
一行なら文章の終わりにも使えます。
一行なら文章の終わりにも使えます。






