MAJIDEKA.COM－リスト

● ３時限目 ●



[スペース] or [★ HTML講座 ★] or [テキスト構成]

[リスト]

　リストを書く(箇条書きにする)には

　リストのマークなどを変更するには

　定義リストを書くには

リストを書く(箇条書きにする)には

・<ul>タグを使用してリストを書く(箇条書きにする)方法(<ul>～</ul>)

　リストを書く(箇条書きにする)には、<ul>タグを使用します。
　リストにする文字は<li>のあとに記述します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<ul> <li>MAJIDEKA <li>MAJIDEYO <li>MAJINOSUKE </ul>
　ブラウザにはこのように表示されます。

・<ol>タグを使用してリストを書く(箇条書きにする)方法(<ol>～</ol>)

　リストを書く(箇条書きにする)には、<ol>タグを使用します。
　リストにする文字は<li>のあとに記述します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<ol> <li>MAJIDEKA <li>MAJIDEYO <li>MAJINOSUKE </ol>
　ブラウザにはこのように表示されます。

リストのマークなどを変更するには

・<ul>タグや<ol>タグにtype属性を指定する方法

　リストのマークなどを変更するには、<ul>タグや<ol>タグにtype属性を指定します。
　リストにする文字は<li>のあとに記述します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<ul type="circle"> <li>MAJIDEKA <li>MAJIDEYO <li>MAJINOSUKE </ul> <ol type="A"> <li>MAJIDEKA <li>MAJIDEYO <li>MAJINOSUKE </ol>
　ブラウザにはこのように表示されます。

▲ページトップへ

　・リストのマークの種類

<ul>タグのtype属性値	表示	<ol>タグのtype属性値	表示
<ul type="disc">	黒丸(規定値)	<ol type="1">	数字(規定値)
<ul type="circle">	白丸	<ol type="A">	英字大文字
<ul type="square">	黒四角	<ol type="a">	英字小文字
		<ol type="I">	ローマ数字大文字
		<ol type="i">	ローマ数字小文字

定義リストを書くには

・<dl>タグを使用して定義リストを書く方法(<dl>～</dl>)

　リストを書く(箇条書きにする)には、<dl>タグを使用します。
　用語は<dt>～</dt>の間に、解説は<dd>～</dd>の間にに記述します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<dl> <dt>オフサイド</dt> <dd>オフサイドとは、待ち伏せ行為をさせないためのルールであり…</dd> </dl>
　ブラウザにはこのように表示されます。

▲ページトップへ

Copyright (c) 2006～ MAJIDEKA.COM. All Rights Reserved.