岩手県立総合教育センター 情報教育ウェブこのページの本文へ

ここから本文Webページ教材開発テキスト

3-2 文章の要素(タグの基本)

(1) <title> ・・・タイトルを表示します    例:<title>ここにタイトル文</title>     (2) <h1>  ・・・文章の見出しに使います<h1>から<h6>まであります   例:<h1>見出し</h1>     ※ 見出しを上手に使って、構造的なページを作りましょう (3) <br> 改行を入れます 【 br:Break(改行)】 <br> を改行する所に入れます。 (4) <p> 段落を表します 【 p:Paragraph(段落)】 例:<p>はじめの段落です。</p>   <p>次の段落です。</p> (5) <img> ・・・図を表示します   <img src= "zu.jpg"> ↑ .jpg .png gif 等の画像ファイルを指定 (6) <a>  ・・・ページのリンクを張ります <a href="next.html">次のページ</a> 【 a:エイ Anchor(アンカー、碇(いかり)) 】 【 href:エイチレフ Hypertext REFerenceの略】 (7) <div> ・・・文章の指定に使います  【div:ディブ、Division(分割)】 <div align="right">右寄せ<div>       ↑center または left にすると (8) <span>・・・文字の指定に使います。改行なして使うときに用います。 <span>ここを指定<span> (9) <font>・・・文字の色や大きさ、フォントの指定に使います     将来的にはなくなる予定のタグです。できるだけCSSで表記しましょう。 例: <font size="1" color="#0000ff">サイズ1、カラー青(16進数で指定)</font><br> <font size="2" color="blue">サイズ2、カラー青(色名で指定)</font><br> <font size="3">サイズ3、これがデフォルトサイズ</font><br> <font size="+1">デフォルト+1で、サイズ4</font><br> <font size="+2">デフォルト+2で、サイズ5</font><br> <font size="6" face="MS ゴシック">サイズ6、ゴシック体</font><br> <font size="7" face="MS 明朝,平成明朝">サイズ7、明朝体</font> (10) <table>・・・表を作成します 例:2行の表を作成した例 <table border="0"> <tr> <td>データセル1-1</td> <td>データセル1-2</td> </tr> <tr> <td>データセル2-1</td> <td>データセル2-2</td> </tr> </table>