前へ 目次 次へ
コメント、行区切り、リスト、段落
 

ここでは、コメント行の書き方、改行、リスト、段落のタグを見ていくことにしましょう。

 
コメント
 

コメントは、<!-- と -->で囲うことによって指定できる。 コメント中には二つ以上連続するハイフンを含めないようにしてください。

例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<HEAD>
<TITLE>「歩行ロボット進化論」</TITLE>
<META name="author" content="0N0">
<META name="keywords" content="ロボット,歩行,2足,4足">
<META name="description" content="歩行ロボットを自作する人のための情報ページです">
<META http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
</HEAD>
<BODY>
<!-- ここはコメントです -->
自己紹介
自作歩行ロボット紹介
歩行ロボットリンク集
日記
</BODY>
</HTML>
 
行区切り BR
 

<BR>は、現在のテキスト行を強制的に区切ります。

ソース表示
自己紹介<BR>
自作歩行ロボット紹介<BR>
歩行ロボットリンク集<BR>
日記
自己紹介
自作歩行ロボット紹介
歩行ロボットリンク集
日記
 
段落 P
 

段落は、<P>を用いて指定します。 ひとつの段落は、<P>と</P>で囲むようにしてください。

ソース表示
<P>歩行ロボットについての情報を集めたページです。</P>
自己紹介<BR>
自作歩行ロボット紹介<BR>
歩行ロボットリンク集<BR>
日記

歩行ロボットについての情報を集めたページです。

自己紹介
自作歩行ロボット紹介
歩行ロボットリンク集
日記
 
リスト UL, OL, LI
 

順不同リストはUL要素によって生成されます。

ソース表示
<UL>
<LI>自己紹介</LI>
<LI>自作歩行ロボット紹介</LI>
<LI>歩行ロボットリンク集</LI>
<LI>日記</LI>
</UL>
  • 自己紹介
  • 自作歩行ロボット紹介
  • 歩行ロボットリンク集
  • 日記

順序のあるリストはOL要素によって生成されます。

ソース表示
<OL>
<LI>自己紹介</LI>
<LI>自作歩行ロボット紹介</LI>
<LI>歩行ロボットリンク集</LI>
<LI>日記</LI>
</OL>
  1. 自己紹介
  2. 自作歩行ロボット紹介
  3. 歩行ロボットリンク集
  4. 日記
 
定義リスト DL, DT, DD
 

定義リストは、用語とその説明などに利用されます。

ソース表示
<DL>
<DT>ROBO-ONE</DT>
<DD>世界初の2足歩行ロボット格闘競技会。
日本発のイベント。
年2回のペースで開催され、
アジア、世界へと広がりつつある。</DD>
</DL>
ROBO-ONE
世界初の2足歩行ロボット格闘競技会。 日本発のイベント。 年2回のペースで開催され、 アジア、世界へと広がりつつある。
 
リストの属性
 
2003/06/17(Tue)
トップページへ
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送