文字を表示させてみよう

いろんな文字を表示させてみよう

文字の装飾 行・段落・リストの指定
  1. 文字を改行する
  2. 文字の大きさを指定する
  3. 文字の種類を指定する
  4. 文字のスタイルを指定する
  5. 文字に色を付ける
  6. 文字に背景色を付ける
  7. 文字を動かす
  8. 文字を点滅させる
  9. 文字に下線を付ける
  10. 文字に取り消し線を付ける
  1. 段落として表示する
  2. 行揃えを指定する
  3. 項目リストを作る
  4. 定義リストを作る

文字を改行する

HTMLコード ブラウザ表示画面
文字を改行
させてみよう
コンテンツメニューに戻る

文字の大きさを指定する

HTMLコード ブラウザ表示画面
フォント1
フォント2
フォント3
フォント4
フォント5
コンテンツメニューに戻る

文字の種類を指定する

HTMLコード ブラウザ表示画面
ヒラギノ明朝
メイリオ
serif
impact
コンテンツメニューに戻る

文字のスタイルを指定する

HTMLコード ブラウザ表示画面
ボールド
イタリック
下線
打ち消し線
下付き文字
上付き文字
コンテンツメニューに戻る

文字に色を付ける

HTMLコード ブラウザ表示画面
グレー


黄色

コンテンツメニューに戻る

文字に背景色を付ける

HTMLコード ブラウザ表示画面
緑帯に白い文字
△テーブルを使った方法
緑帯に白い文字
△CSSを使った方法
コンテンツメニューに戻る

文字を動かす

HTMLコード ブラウザ表示画面
文字をスクロールさせてみよう
コンテンツメニューに戻る

文字を点滅させる

HTMLコード ブラウザ表示画面
文字を点滅させてみよう
コンテンツメニューに戻る

見出しを付ける

HTMLコード ブラウザ表示画面
文字を改行
させてみよう
コンテンツメニューに戻る

段落として表示する

HTMLコード ブラウザ表示画面

色々な文字表示は試されたでしょうか?文章はわかりやすく、シンプルが良いと言われていますが、文字にも色々な表現があるので、オリジナルホームページを作るのに役立ててみてください。

次は、文字の集合体である文章を段落で表示してみましょう。段落ごとに改行が入るので見やすい工夫がされています。

コンテンツメニューに戻る

行揃えを指定する

HTMLコード ブラウザ表示画面

左揃え

右揃え

中央揃え

コンテンツメニューに戻る

項目リストを作る

HTMLコード ブラウザ表示画面
  1. 項目1
  2. 項目2
  3. 項目3
  4. 項目4
  5. 項目4

  • 項目1
  • 項目2
  • 項目3
  • 項目4
  • 項目4
コンテンツメニューに戻る
このエントリーをはてなブックマークに追加
Yahoo!ブックマークに登録
Clip to Evernote

メールを送る

ご質問やご意見ご感想はこちらのフォームをお使いください。

SEO [PR] !uO z[y[WJ Cu