投稿

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

10月30日(水)2コマ目

イメージ
今日、やったこと [練習問題]フォントの色、大きさを変える <style>タグを使う 今日のホワイトボード [練習問題]フォントの色、大きさを変える フォントの色や大きさ、その他見た目を変えるには タグのstyle属性で指定します 。 変更したい箇所が何かのタグで挟まれていないかったら、<span></span>で挟んでstyle属性で指定します。  図 フォントの色、大きさを変える 正解例を挙げておきます。 <style>タグを使う 同じデザインを複数箇所に指定したい場合、各タグのstyle属性で指定するのはめんどくさいです。 <style>タグを使えば、xxタグのデザインをまとめて指定することができます 。 図 <style>タグでデザイン設定 ※<style>タグとstyle属性は別です ※<style>タグは<head></head>内で使います <span>タグで挟まれた箇所はstyle属性で指定をしなくても、<style>タグで指定されたデザイン 文字色は赤色 文字サイズは20pt で表示されます。 <span>タグと<div>タグ 両方とも見た目に影響を与えず、範囲を作るタグです。 が、全く同じではないので注意!! とりあえず、今は タグの前後に改行がある/ない を知っておいてください。 <span></span>は前後に改行なし <div></div>は前後に改行あり 図 <span>タグと<div>タグ 今後、<div>タグがちょこちょこ登場します。 次回は <style>タグの続き。

10月23日(水)2コマ目

イメージ
今日、やったこと フォントを変える 今日のホワイトボード フォントを変える フォントの色やサイズ、その他見た目を変えました。 以下の手順で変更しました。 ①変更範囲を指定 <span></span> で変更範囲を指定。 ②style属性で見た目の設定 <span>タグにstyle属性でデザインを設定。 デザインの設定は  style="プロパティ名:設定値;"  。 文字を赤色で表示 赤色で表示する範囲を<span></span>で指定。 文字色のプロパティは  color 。 図 文字を赤色で表示 文字サイズを変更 文字サイズのプロパティは  font-size 。 図 文字サイズを変更(20pt) 文字の色・サイズをまとめて変更 style=""は ; 区切りで複数設定可能。 図 文字の色・サイズをまとめて設定 <span></span>のなかに<span></span> <span></span>を入れ子(マトリョーシカ状態)にすることもできます。 入れ子...

10月16日(水)2コマ目

イメージ
今日、やったこと [練習問題]ぼくの名前はソラタロウ 今日のホワイトボード [練習問題]ぼくの名前はソラタロウ 前回から2週間空いたため、リハビリをしながら練習問題をしてもらいました。 今日のタグ 改行の<br>タグ、横罫線の<hr>タグ、画像ファイル表示の<img>タグを使いました。 図 <br>タグ、<hr>タグ、<img>タグ 正解例をあげておきます。 次回は フォントの色や大きさを変えます。 

10月2日(水)2コマ目

イメージ
今日、やったこと ホームページはなにでできている? HTML タグ 簡単なHTMLファイル作成 画像を表示する 今日のホワイトボード ホームページはなにでできている? ホームページはWebブラウザ(Google Chrome、Microsoft Edge、Apple Safari等)を使って表示する。このWebブラウザはHTMLファイルの中身をHTMLのルールに従って表示する。 ということで、   ホームページを作る = HTMLファイルを作る です。 HTML Hyper Text Markup Languageの略。 HTMLにはデータに意味を持たせるためのタグがある。 データにこのタグを使って意味づけしたファイルがHTMLファイル。 この授業はHTMLのタグを理解し、使いこなすことがゴール。 なお、HTMLファイルを作る際は、 ファイルの種類 すべてのファイル ファイル名 ~ .html に注意。 図 HTMLファイルを作る際は WebブラウザとHTMLファイル WebブラウザとはGoogle ChromeやMicrosoft Edge、Apple Safariなどのホームページを見るためのアプリ。 Webブラウザは WebサーバーにHTMLファイルをリクエスト レスポンスのHTMLファイルを表示 が仕事。 図 HTMLファイルとWebブラウザ タグ HTMLにはいろいろなタグがある。 ほとんどのタグは 開始タグ 終了タグ のペアになっている。 開始タグ、終了タグで挟まれた内容がタグのデータになる。 図 タグ HTMLファイルの構造 HTMLファイルは下図のように構造が決まっている。 <html>タグで始まり、</html>タグで終わる <html></html>内に、<head>タグ、<body>タグがある <head></head>内は主に設定を記述 <body></body>内は表示データを記述 図 HTMLファイルの構造 画像を表示する(<img>タグ) 画像ファイルの表示には<img>タグを使う。...