投稿

10月, 2023の投稿を表示しています

10月26日(木)3コマ目

イメージ
今日、やったこと テーブル(行、列の結合) 今日のホワイトボード テーブル(行、列の結合) セルを作る<td>タグにcolspan、rowspanを使って横方向、縦方向のセルを結合。 練習1 練習2 練習3 練習4 練習5 練習6 練習7 練習8   <th>タグ、<thead>タグ、<tbody>タグ 〇<th>タグ 見出しのセルを作る。<td>タグはデータのセルを作る。 <th>タグ 文字の太さ 太字 文字寄せ 中央寄せ <td>タグ 文字の太さ 普通 文字寄せ 左寄せ 〇<thead>タグ テーブルのヘッダ部(タイトル行)の指定。 〇<tbody>タグ テーブルのボディ部(データの行)の指定。 図 <th>タグ、<thead>タグ、<tbody>タグ フォーム 今後C#でも頻繁に使うことになる。入力・選択内容をサーバーに送信する仕組み。 <form></form>内にテキストボックスやラジオボタン、チェックボックス、選択リスト等とボタンを配備。 ボタン(type="submit")をクリックすると、<form></form>内で入力、選択した内容がサーバーに送信される。 サーバーには    name属性値:value属性値 で送信される。 〇作成したサンプル ...

10月19日(木)3コマ目

イメージ
今日、やったこと <style>タグ 今日のホワイトボード <style>タグ練習問題 正解例をあげておきます。 練習1 練習2 練習3 全体の背景色(項目名:background)を#8FBC8Bにします。 全体に相当するタグは<body>タグです。 練習4 練習3と同じように全体の背景色が#595959です。<body>タグに指定します。 テーブルの行と列 データベースでもお話した行と列です。 図 行と列 <table>タグ、<tr>タグ、<td>タグ <table>タグで表全体を囲む。 <tr>タグで行を作る。 <td>タグはセルを作る。 図 <table>タグ、<tr>タグ、<td>タグ 練習 以下のテーブルを作りました。 図 作成したテーブル 次回は テーブルの続きとフォームです。

10月12日(木)3コマ目

イメージ
今日、やったこと フォントの色、大きさ等を変える <style>タグ 今日のホワイトボード 前回のおさらい HTMLにはタグがある。 style属性でデザイン指定ができる 図 前回のおさらい フォントの色、サイズ等を変える style属性でフォントの色(項目名:color)、フォントのサイズ(項目名:font-size)を変えることができる。 複数指定する場合は;区切りで。 図 フォント色、フォントサイズを指定 また、タグはネスト化することも可能。 練習問題 正解例をあげておきます。 <style>タグをつかう 各タグでstyle属性を使って指定しなくても、同じデザインなら<style>タグでまとめて指定できる。  <style>タグは<head></head>内で指定 セレクタでデザイン適用先を指定 { }内は項目名:設定値; 図 <sytle>タグの使い方 あらたに箇条書きの<ul>タグ、<li>タグが出てきました。 <ul>タグは箇条書きの始まりと終わり <li>タグは箇条書きの各項目 図 箇条書きの<ul>タグ、<li>タグ 次回は <style>タグのつづき。

10月5日(木)3コマ目

イメージ
今日、やったこと HTMLファイルの構造 画像を表示 フォントの色を変える 今日のホワイトボード HTMLのタグ HTMLにはいろいろなタグが定義されている。HTMLのタグはデータに意味を持たせることが役割。たとえば、<h1>タグは見出しのタグ。 多くのタグは開始タグと終了タグをセットで使う。<h1>が開始タグ、< / h1>が終了タグ。 <h1>と</h1>で挟まれたデータは見出しになる。 図 HTMLのタグ HTMLファイルの構造 HTMLファイルは以下の構造になっている。 <HTML>タグではじまり、</HTML>タグで終わる <html></html>内には<head></head>と<body></body>がある <head></head>はヘッダー部 <body></body>はボディ部 ヘッダ部では主に設定を行う ボディ部が表示される 図 HTMLファイルの構造 画像を表示する 画像の表示には <img>タグ を使う。 タグには追加情報を設定するための属性がある。 <img>タグはsrc属性で画像ファイル名を指定できる 。 図 <img>タグとsrc属性 <img>タグには画像表示幅を指定するためのwidth属性もある。 文字の色を変える 文字の色を変えるには ①文字の色を変える範囲を指定する ②style属性で文字色を指定する で変更できる。 範囲を指定する <span>タグは範囲を指定するためのタグ。 範囲を指定するタグは他にも<div>タグなどもある。 style属性で文字色を指定する style属性のフォーマットは以下のとおり。    style="項目名:設定値;" なお、style属性は<span>タグだけでなく<h1>タグや<p>タグなどどのタグでも使うことができる。 図 文字色を変える 色の指定は一般的には16進数で表す。色見本のサイトで確認できる。   WEB色見本 原色大辞典 次回は 文字色を変えるの続き...