H2用のテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
H3用のテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
H3用のテキストが入ります。
H4用のテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
H4用のテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
「divタグ(boxクラス)」を使って左右に並べた例
サイト制作が楽になるソフト一覧
-
フリーのテキストエディタ。
「F7」を押せばHTMLのエラーチェックができる他、タグを自動的に予測入力してくれる機能もある。 -
全ページのタイトル等を一括で変更したいときにオススメ。
-
作成したホームページファイルをサーバへアップ(転送)するFTPソフトです。
-
ドラッグ&ドロップだけでファイルの文字コードを変換することができます。
ただし、HTMLソース内の文字コード表記も変更するようにしてください。 -
お使いのPCにインストールすることで、疑似サーバ環境を作成できます。PHPやMySQLなどのテストが可能になります。
「リストタグ(checklist)を使った例
- ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
- ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
- ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
「テーブルタグ」を使った例
| おすすめのサービス | 評価(5段階) | 詳細 |
|---|---|---|
![]() |
★★★★★ | ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
![]() |
★★★★☆ | ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
![]() |
★★☆☆☆ | ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
4、文字列を「蛍光ペンのようなボックス」で囲む
- 文字を黄色いボックスで囲むことができます。
- 文字に水色のボックスで囲むことができます。
- 文字に灰色のボックスで囲むことができます。
- 文字に赤色のボックスで囲むことができます。





