N's Portfolio

学習記録・2023 10/13

【まとめサイト】

【動画】

テキスト分類タグについて

  • a 要素（ハイパーリンク）
  • em 要素（強調）
  • strong 要素（強い重要性）
  • small 要素（免責・警告・著作権など）
  • i 要素（声や心の中で思ったこと）
  • b 要素（キーワードや商品名など）
  • span 要素（ひとつの範囲）
  • br 要素（改行）

コンテンツ埋め込みタグについて

  • img 要素（画像）
  • iframe 要素（インラインフレーム）

画像の取り扱いについて

<img>タグは、画像を表示する際に使用し、必須属性のsrc属性で画像ファイルのURLを指定する。一般的なブラウザで表示できる画像フォーマットとしては、PNG・GIF・JPEGがよく利用されている。 他にも、ウェブ用のベクター画像フォーマットであるSVGや、単一ページのPDF・アニメPNG・アニメGIFなどをsrc属性の値として指定できる。
alt属性には、画像が利用できない環境向けのテキストを指定します。 HTML5ではalt属性は必須ではないが、指定しておけばアクセシビリティーが高まるだろう。

参考サイト

ワンポイントアドバイス

Webサイトを重くする（表示スピードの低下）の大きな原因の一つは画像サイズ。WebサイトにUPする画像はPhotoshopやIllustratorでしっかりと画像の最適化をしてUPしよう。

テーブルタグについて

<table>
　　<caption>キャプション</caption>
　　<tr><th>見出し</th><th>見出し</th></tr>
　　<tr><td>データ</td><td>データ</td></tr>
　　<tr><td>データ</td><td>データ</td></tr>
</table>

  • table要素（テーブルの範囲）
  • caption要素（表のキャプション）
  • tr要素（1行の範囲）
  • th要素（タグ見出し）
  • td要素（データ項目）

参考サイト

ワンポイントアドバイス

楽天やヤフーショッピングの商品ページでテーブルレイアウトが必要になる場合がある。EC関連のお仕事をする場合は、想定しておこう。

フォームタグについて

  • form 要素（フォーム）
  • label 要素（ラベル）
  • input 要素（インプット）
  • textarea 要素（テキストエリア）
  • select/option 要素（セレクト／オプション）
  • button 要素（ボタン）
  • fieldset/legend 要素（フィールドセット／レジェンド）

CSSとの紐付けについて

HTMLのタグとCSSの紐付けを行うためにid属性とclass属性が使用される。

参考サイト

特殊文字について

HTMLのコードを記述する時に特別な書き方をする必要のある文字がある。

参考サイト

本日のテーマ②

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしよう。
「求人応募について.pdf」　

【動画】

求人応募について (15:02)
「人材紹介」や「人材派遣」について
https://youtu.be/b0x_ejhjULk

人材紹介会社と人材派遣会社の違い (8:21)
https://youtu.be/lsG_Wb5WS0w

メリット・デメリットを考えていく上で
サービス内容の比較 (7:14)
https://youtu.be/LyhHIwEdv7Y

雇用契約による違い (7:09)
https://youtu.be/wsK5Ewtvjuw

それぞれのメリット (21:28)
https://youtu.be/rX10Ci2btF4

アルバイトとパート、正社員とアルバイトの違いとは？ (4:03)
https://youtu.be/C8p08gxnNfM

応募書類について・転職の昨今 (9:31)
https://youtu.be/uNdbHEY4ULs

転職準備はどうですか？ (7:09)
https://youtu.be/qZgrUsMQadI

スキルの整理・ 今後チャレンジしたい領域の整理 (6:01)
https://youtu.be/yAiYcpKCW4I

得意領域と挑戦したい領域の整理 ・情報収集のコツ (4:43)
https://youtu.be/dtuSwBJgs38

応募の際の注意点-履歴書- (4:18)
https://youtu.be/EovFXLwEDLY

応募の際の注意点-職務経歴書- (4:24)
https://youtu.be/-8MNWbo_4tQ

ポートフォリオ制作のコツと注意点・まとめ (15:08)
https://youtu.be/BLlOI5VpB7o

参考サイト