HTML CSS VSCode Web技術＆実践講座の料金一覧

【HTML】VSCode／基本構造／フォーマット／文字実体参照／強調／日付／画像／リンク／音声／動画／リスト／定義／引用／テーブル（表）／図／セクション／グループ／コメント／フォームなど
【CSS】セレクター／外部CSS／優先順位／カラー／ボーダー／マージン／パディング／リスト／テーブル／テキスト／ボックス／背景／表示／グリッド／配置／キーワード／各種設定／メディアクエリなど

※受講できるスキルは「プロフェッショナル 技術＆実践 講座」と同一です。

【HTML】VSCode／基本構造／フォーマット／文字実体参照／強調／日付／画像／リンク／音声／動画／リスト／定義／引用／テーブル（表）／図／セクション／グループ／コメント／フォームなど
【CSS】セレクター／外部CSS／優先順位／カラー／ボーダー／マージン／パディング／リスト／テーブル／テキスト／ボックス／背景／表示／グリッド／配置／キーワード／各種設定／メディアクエリなど

●受講できるスキル(110項目以上)：【HTML】Visual Studio Code(VSCode)の操作１／Visual Studio Code(VSCode)の操作２／Visual Studio Code(VSCode)の操作３／Visual Studio Code(VSCode)の操作４／イメージ・代替テキスト・幅・高さ・補足テキスト・img・属性(src・alt・width・height・title)／コメント・アンコメント／コンテンツのグループ化・説明文・figure・figcaption／ナビ・記事・セクション・管理者の連絡先・nav・article・section・address／フォーム・アドレス・検索・画像ボタン・input・属性(type・src・alt)／フォーム・テキスト・テキスト領域・リセット・送信・input・textarea・属性(type・value)／フォーム・ファイルの選択・ファイルの種類・input・属性(type・accept)／フォーム・ファイルの選択・複数選択・変換方法・input・属性(type・multiple・enctype)／フォーム・メール・電話番号・パスワード・input・属性(type)／フォーム・ラジオボタン・チェックボックス・radio・checkbox・属性(name・value)／フォーム・ラベル・テキスト・label／フォーム・ラベル・関連付け・テキスト・label・属性(name・for・id)／フォーム・ラベル・関連付け・ラジオボタン・チェックボックス・label・属性(name・for・id)／フォーム・リスト・初期値・select・option・selected／フォーム・最大文字数・ヒントテキスト・入力必須・input・属性(maxlength・placeholder・required)／フォーム・数値・カラー・日付選択・input・属性(type・value)／フォーム・値の送信先アドレス・送信方法・変換方法・form・属性(action・method・enctype)／ヘッダー・メイン・サイドバー・フッター・header・main・aside・footer／リンク・ターゲット・補足テキスト・相対パス・絶対パス・a・属性(href・target・title)／リンク・ダウンロード・PDF・画像・音声・属性(download)／リンク・ページ内リンク・固有のID・ページの先頭・a・属性(href・id)／音声・コントロール・ループ・複数指定・audio・source・属性(src・controls・loop)／箇条書きリスト・番号付きリスト・ネスト構造・ul・ol・li／箇条書きリスト・連番／基本構造(英語・日本語)・言語属性・インデント・設定／記事のヘッダー・フッター・管理者の連絡先・article・header・footer・address／強調・強い重要性・細目・注釈・著作権・em・strong・small／見出し・段落・改行・区切り線・h1・h2・p・br・hr／言語属性・文字コード属性・レスポンシブ・LiveServer／長い引用文・短い引用文・整形済みテキスト・blockquote・q・pre／定義リスト・用語・説明・dl・dt・dd／動画・コントロール・ループ・複数指定・再生前の画像・audio・source・属性(src・controls・loop・poster)／日時や期間・有効な日時・time・属性(datetime)／汎用的なインラインのグループ化・クラス・言語・span・属性(id・lang)／汎用的なブロックのグループ化・一意の識別子・クラス・div・属性(id・class)／表・見出しスコープ・行結合・列結合・table・scope・rowspan・colspan／表・見出し行・フッター・本体・thead・tfoot・tbody／表・行・見出しセル・データセル・キャプション・table・tr・th・td・caption／文字実体参照(＆＜＞著作権”’改行されない空白)／文書型宣言・文書・ヘッダー・タイトル・本文・設定／用語の定義・略語・完全な語句・dfn・abbr・属性(title)【CSS】キーワード・最優先・継承・元に戻す・初期化・継承または初期化・！important・inherit・revert・initial・unset／スクロール動作・カーソルの種類・サイズ調整・scroll-behavior・cursor・box-sizing／セレクター・id・class・子孫・複合／セレクター・擬似クラス(アクセス済み・フォーカス時)・優先順位・visited・focus／セレクター・擬似クラス(入力必須)・属性・グループ化・required・［］・カンマ／セレクター・擬似クラス(非隣接・各子要素)・first-of-type・last-of-type・nth-of-type・nth-last-of-type／セレクター・擬似クラス(未アクセス・マウスオーバー・クリック中)・link・hover・active／セレクター・擬似クラス(隣接・最初と最後の子要素)・first-child・last-child／セレクター・擬似クラス(隣接・子要素)・数値・奇数・偶数・nth-child・nth-last-child・odd・even／セレクター・擬似クラス(隣接・子要素)・倍数・開始位置・nth-child・nth-last-child・n・-n／セレクター・結合子(子要素・以降・隣接1つ目)・＞・～・＋／セレクター・属性・［］／セレクター・要素・子孫・グループ化・タグ・半角スペース・カンマ／テーブル・レイアウト・境界線・間隔・table-layout・border-(collapse・spacing)／テキスト・セル・垂直整列・vertical-align／テキスト・フォント・(一括)・スタイル・太さ・サイズ・行間・種類・font／テキスト・フォントサイズ・単位(em・rem)・font-size／テキスト・フォントスタイル・太さ・種類・font-(style・weight・family)／テキスト・影・水平・垂直・ぼかし・カラー・複数の影・text-shadow／テキスト・行揃え・字下げ・text-(align・indent)・単位(em)／テキスト・飾り・(一括)・装飾線・スタイル・カラー・text-decoration・text-decoration-(line・style・color)／テキスト・文字間・行間・letter-spacing・line-height／ボックス・はみ出た部分の表示方法・overflow(auto・scroll・hidden)・overflow-y／ボックス・影・水平・垂直・ぼかし・広がり・カラー・内側・box-shadow／ボックス・回り込み(右・左)・回り込み解除(右・左・左右)・float(left・right)・clear(left・right・both)／ボックス・幅・高さ・最小・最大・width・(min・max)-width・height・(min・max)-height／メディアクエリ・印刷・条件・＠media・print／メディアクエリ・画面・条件・＠media・screen・and・カンマ・not／メディアクエリ属性・外部スタイルシート関連付け・条件・link要素・属性(rel・href・media)／箇条書きリスト・種類・画像・位置・一括・list-style-(type・image・position)・list-style／外部スタイルシート関連付け・インポート・＠import・url／外部スタイルシート関連付け・文字コード・コメント・＠charset・link・属性(rel・href)／罫線・カラー・(一括)・(上下・左右)・(上・左右・下)・(上・右・下・左)・border-color／罫線・カラー・上・右・下・左・border-(top・right・bottom・left)-color／罫線・スタイル・(一括)・(上下・左右)・(上・左右・下)・(上・右・下・左)・border-style／罫線・スタイル・上・右・下・左・border-(top・right・bottom・left)-style／罫線・一括(太さ・スタイル・カラー)・上・右・下・左・border・border-(top・right・bottom・left)／罫線・角丸・(一括)・(左上右下・右上左下)・(左上・右上左下・右下)・(左上・右上・右下・左下)・border-radius／罫線・角丸・左上・右上・右下・左下・border-(top・bottom)-(left・right)-radius／罫線・太さ・(一括)・(上下・左右)・(上・左右・下)・(上・右・下・左)・border-width／罫線・太さ・上・右・下・左・border-(top・right・bottom・left)-width／背景指定・カラー・画像・繰り返し・background-(color・image・repeat)／背景指定・スクロール動作・background-attachment／背景指定・位置・background-position／背景指定・一括・カラー・画像・繰り返し・位置・background／背景指定・一括・複数画像・カラー・background／背景指定・開始位置・background-origin／背景指定・表示サイズ・background-size／背景指定・表示領域・background-clip／背景指定・複数画像・表示サイズ・繰り返し・位置・background-(image・size・repeat・position)／背景色・文字色・マウスオーバー・background-color・color・opacity・hover／配置・3行グリッドレイアウト・position(sticky)／配置・位置・重なり順・position(fixed・static・relative・absolute)・top・right・bottom・left・z-index／表示形式・display(block・inline-block・inline)／表示形式・グリッドレイアウト・行(明示・暗黙)・リピート関数・grid-(template・auto)-rows・repeat／表示形式・グリッドレイアウト・方向(行)・暗黙・行間隔・display(grid)・grid-auto-(flow・rows)・row-gap／表示形式・グリッドレイアウト・方向(列)・暗黙・列間隔・display(grid)・grid-auto-(flow・columns)・column-gap／表示形式・グリッドレイアウト・列(明示)・行(暗黙)・リピート関数・行列間隔・grid-template-columns・grid-auto-rows・repeat・gap／表示形式・フレックスボックス・垂直方向の配置・align-items／表示形式・フレックスボックス・水平方向の配置・justify-content／表示形式・フレックスボックス・折り返し・間隔・flex-wrap・gap／表示形式・フレックスボックス・方向・間隔・display(flex)・flex-direction・gap／優先順位(外部・クラス・ID・インライン)／余白外側・(一括)・(上下・左右)・(上・左右・下)・(上・右・下・左)・margin／余白外側・上・右・下・左・margin-(top・right・bottom・left)／余白内側・(一括)・(上下・左右)・(上・左右・下)・(上・右・下・左)・padding／余白内側・上・右・下・左・padding-(top・right・bottom・left)