ゼロから始めよう！わかりやすい！ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホーム＞HTMLリファレンス（アルファベット検索）＞<ul>タグ

タグ一覧（ABC順）

目的別タグ一覧

スタイルシート一覧（ABC順）

目的別スタイルシート一覧

<ul>…リストを作成する

使用タグ

	<ul 属性="属性値">～</ul>
開始タグと終了タグ	両方必須	内容となる要素	li 要素

解説 <ul>タグはブロック要素でこれを使えば、リストを作成することが可能となります。<ul>～</ul>内にリストの項目を記述できる<li>タグを並べて<li>～</li>内に文字を記述します。順序のあるリストを作成する場合は<ol>タグを使用します。

属性と働き

属性	働き	指定できる値
type="記号の種類" 非推奨 CSSでの指定…list-style-type	リストの先頭に表示させる記号を指定できます	disc（黒丸） circle（白丸） square（黒い四角）

使用例

記述例
<h3>日本の行きたい場所</h3> <ul type="disc"> <li>沖縄</li> <li>北海道</li> <li>大阪</li> <li>宮城</li> <li>名古屋</li> </ul> <ul type="circle"> <li>沖縄</li> <li>北海道</li> <li>大阪</li> <ul type="square"> <li>たこ焼屋</li> <li>ＵＳＪ</li> <li>万博公園</li> <li>道頓堀極楽商店街</li> </ul> <li>宮城</li> <li>名古屋</li> </ul>

[ブラウザでの表示例]
ブラウザ
日本の行きたい場所沖縄北海道大阪宮城名古屋沖縄北海道大阪たこ焼屋ＵＳＪ万博公園道頓堀極楽商店街宮城名古屋

関連情報ページ
ホームページ作成前に知っておくこと HTMLファイル作成の流れ！ <li>…リストの項目を作成する	HTMLについて共通属性を知ろう！ <ol>…順序のあるリストを表示する

△ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ゼロから始めよう！わかりやすい！ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|