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

今日、やったこと 文字の大きさ、色を変える 今日のホワイトボード 前回の復習＋文字の大きさを設定 前回はタグのstyle属性にcolorプロパティを指定して、文字色を設定した。 文字の大きさを設定するには、font-sizeプロパティを使う。 ⚪︎文字色、文字の大きさを指定1 3つ目は、1つのstyle属性で文字色と文字の大きさの両方を指定している。 図　文字色、文字の大きさを指定 HTMLファイルは以下のとおり。 ⚪︎文字色、文字の大きさを指定2 <span>タグは行全体だけでなく、局所的に使うこともできる。 図　文字色、文字の大きさを指定2 HTMLファイルは以下のとおり。 ⚪︎文字色、文字の大きさを指定3 文字の大きさは行全体で同じ。(30pt) => 行全体の文字サイズを30ptに 文字色は局所的に設定。 => ”みどり色”、”青色”だけ文字色指定 図　文字色、文字の大きさを指定3 HTMLファイルは以下のとおり。 文字サイズを指定する<span></span>の中に、文字色=緑色と文字色=青色の<span></span>がある。 次回は 練習問題の続き。 見た目の設定。

今日、やったこと [練習問題]ぼくの名前はソラタロウ 文字の色や大きさを変える  今日のホワイトボード [練習問題]ぼくの名前はソラタロウ 正解例をあげておきます。 文字の色や大きさを変える 以下の手順で。 ①タグに style属性 を追加 ②style属性にデザインを設定 　デザインの設定は　 プロパティ名 : 設定値 ; 図　タグのstyle属性でデザイン設定 タグで囲まれていない場合 範囲を作る　 <span>タグ 　を使う。 <span>タグは範囲を作るだけで、見た目に影響を与えないタグ。 図　<span>タグで範囲をつくる 色の指定方法 redやblue、green、yellowのようなカラーネームでも指定可能だが、 よく使われるのは赤、緑、青の割合を00～ffの256段階で指定する#xxxxxxのパターン 。 図　#xxxxxxでの色の指定 HTMLファイルは以下のとおり。 次回は 文字の大きさ等の変更と練習問題。

今日、やったこと 前回の復習 今日のホワイトボード 前回は内定式で出席できなかった方が多数おられたので、今日は前回と同じ内容をやりました。 ということで、 前回のサイト をご参考ください。 練習問題 練習問題をやりました。 画像の表示は　 <img>タグ 　を使ってください 横罫線は　 <hr>タグ 　を使ってください また、コピーした画像ファイル、作成するHTMLファイルは同じフォルダ内においてください。 図　画像の表示、横罫線 次回は 練習問題のつづき。 

今日、やったこと タグって HTMLファイルの基本構造 今日のホワイトボード この授業用フォルダ この授業では 　Zドライブ以下に作成したホームページフォルダ以下に 　授業毎にフォルダを作成して 保存します。 図　この授業で使うフォルダ ホームページはなにでできている？ ホームページはWebブラウザ(Google Chrome、Microsoft Edge、Apple Safari等)を使って表示する。このWebブラウザはHTMLファイルの中身をHTMLのルールに従って表示する。 ということで、 　 ホームページを作る = HTMLファイルを作る です。 HTML Hyper Text Markup Languageの略。 HTMLはデータに意味を持たせるためのタグを決めている。 データにこのタグを使って意味づけをしたファイルがHTMLファイル。 結局、この授業はHTMLのタグを理解して使いこなすことが目的。 なお、HTMLファイルのファイル名は～.html。.htmlをつけることでこのファイルはHTMLファイルだと認識される。 図　WebブラウザとHTMLファイル タグの基本 HTMLにはいろいろなタグが定義されている。 タグにはそれぞれ役割が決められており、利用目的に合ったタグを利用する。 データにタグを付加することで、データに意味を持たせることができる。 下図の「きょうの料理」は単なる文字列だが、<h1>タグを付加することで、「きょうの料理」は見出しとして扱われる。 図　タグ 多くのタグは開始タグ、終了タグのペアになっている。 図　開始タグ、終了タグ HTMLファイルの構造 HTMLファイルは以下の構造になってい...