ホームページ制作 HTML ミニ辞典
ホームページ制作に必要なHTMLのミニ辞典です
  • テキスト
  • イメージ
  • リンク
  • テーブル
  • リスト
  • フォーム

リスト

リストを制作することによって、整理されたホームページ作成ができます。
うまく織り交ぜ、文章だけではわかりずらいところが整理されビジターにとって見やすいホームページになります。

箇条書きリスト

<ul><li>テキスト</li></ul>
箇条書きにしたい時に使うタグで、ulタグで囲った中身がリストとなります。
そして、それぞれの項目テキストをliの中にいれます。
ulタグは箇条書きリストタグで、頭に「・」マークがつきますが、cssでマークを画像に指定することもできます。
きれいな画像を使うことによって、ホームページ全体のデザインがぐんとアップします。

<p>やることリスト</p>
<ul>
 <li>朝一でメールをチェックし、受注や納期の確認をすること。</li>
 <li>使用書や届いたファイルの確認、制作内容を把握すること。</li>
 <li>ホームページのデザイン・コーディング作業をすること。</li>
 <li>ファイルを送る</li>
</ul>

番号リスト

<ol><li>テキスト</li></ol>
番号付きで箇条書きにしたい時に使うタグで、olタグで囲った中身がリストとなります。
そして、それぞれの項目テキストをliの中にいれます。
olタグは箇条書きリストタグで、頭に上から順番に「1.」「2.」と番号がつきますが、これもcssで番号を画像に指定することもできます。
かっこいい番号画像制作して、使えばホームページ自体のデザインがレベルアップします。

<p>作業の流れ</p>
<ol>
 <li>仕様書に沿ってのホームページデザイン作成</li>
 <li>必要画像の切り出し</li>
 <li>cssとhtmlでコーディング制作</li>
 <li>各ブラウザでの確認作業、エラーチェック</li>
 <li>完成</li>
</ol>

ページのトップへ

Copyright © html mini jiten. All Rights Reserved.

シンプルでわかりやすいホームページを制作します