情報処理実習Ⅱ 2021年度後期(2年)

今日、やったこと リンク（<a>タグ） 今日のホワイトボード リンクとは Webページでクリックすると別ページが表示されたり、同じページの別の場所が表示されるのがリンクです。 リンクは <a>タグ で作ります。 リンクで別ページを表示 <a>タグの href属性で移動先ページを指定 します。 <a>と</a>の間がページ上に表示され、クリックすると別ページ(href属性で指定したページ)が表示されます。 図　<a>タグ（別ページへ移動） リンクで同じページの別の場所を表示 移動先にidを設定 します。 <a>タグの href属性で移動先のIDを指定 します。ただし、 IDなので、#ID名 と指定します。 練習 正解例をあげておきます。 index.html 表形式で写真を表示(<img>タグ)。 写真をクリックすると各ワンコのページへ移動。 <a>と</a> のあいだに写真の<img>タグを挟む。 akita.html index.htmlの秋田犬をクリックすると表示されるページ。 2行のテーブルがあり、2行目は2列を連結する。 他のワンコのページも同じようなHTMLなので省略します。

今日、やったこと 箇条書きの演習問題 今日の演習問題 練習１ とくにややこしいことはないと思います。 正解例をあげておきます。 練習２ 「1.シベリアンハスキー」、「2.アラスカンマラミュート」も箇条書きです。 HTMLは下図のような構成になります。 図　練習２のヒント 正解例をあげておきます。  

今日、やったこと 表の練習問題 箇条書き 今日のホワイトボード 表の練習問題 正解例をあげておきます。 練習１ 練習２ 練習３ 練習４ 練習５ 練習６ 練習７ 練習８ おまけ　練習９ 図　表の練習　おまけ　練習９ 箇条書き <li>タグ は箇条書きの各項目。 <ul>タグ で<li>タグを挟む。 図　箇条書き マーカーは list-style-type で設定可能。 練習 下図をつくりました。 図　箇条書きの練習  

今日、やったこと 表をつくる 今日のホワイトボード 表の行と列 行、列は下図のとおりです。 図　表の行と列 表のタグ 以下のタグを使って表をつくります。 <table>タグ 表の始まり、終わりを表します。 border属性で枠線の幅を指定します。 <tr>タグ 行の始まり、終わりを表します。 <table></table>内で1行目から順に行を作成します。 <td>タグ セルの始まり、終わりを表します。 <tr></tr>内で左から順にセルを作成します。 図　<table>タグ、<tr>タグ、<td>タグ <td>タグ内にタグも可 セル内に画像を表示したい場合、下図のように<td></td>内に<img>タグで画像を表示します。 図　<td>タグ内に<img>タグ <th>タグ <td>タグと同じセルのタグですが、見出し用のセルです。 タグ 文字種 横位置 <td> 普通 左寄せ <th> 太字 中央寄せ セルを連結する ...