CreatorQuest CreatorQuest

メインメニュー

  • レッスン
  • コース
  • リファレンス
  • 最初から始める
  • 続きから始める
  • search検索フィールドを表示 clear検索フィールドを閉じる

Lesson
HTML 入門

HTMLとはWebサイトの文書構造を作るための言語です。
全てのWebクリエーターに必要な知識になります。

進捗:0%(全23回中、0回受講済)

受講回数
全23チャプター
受講に必要なスキル
  • 特になし
受講に必要な環境
  • テキストエディタ
  • ブラウザ

スポンサーリンク

Chapter01

HTMLの基本を学ぼう!

HTMLとは何かを知り、HTMLの基本的な記述方法を学習しましょう。

 未受講

Chapter02

HTMLの属性について

今回は「属性とは何か」と「属性の書き方」を理解しましょう。

 未受講

Chapter03

HTMLのバージョンとDOCTYPE宣言

HTMLのバージョンに合わせたDOCTYPE宣言ができるようになろう。

 未受講

Chapter04

文字コードと文字化け対策

meta要素を使って文字コードを指定できるようになろう。

 未受講

Chapter05

要素の配置ルールとカテゴリー

要素の配置ルールであるコンテンツ・モデルを理解しましょう。

 未受講

Chapter06

段落と見出しの要素

段落を表すp要素と、見出しを表すh1要素 〜 h6要素を学習しましょう。

 未受講

Chapter07

特殊な記述が必要な文字と改行

「<」や「>」などの記号の入力と、改行の方法を学習しましょう。

 未受講

Chapter08

強調と重要の要素

強調を表すem要素、重要性を表すstrong要素を学習しましょう

 未受講

Chapter09

箇条書きに関連する要素

箇条書き表すli要素、ul要素、ol要素の使い方について見ていきましょう。

 未受講

Chapter10

用語説明型リストの要素

用語説明型リストのdl要素、dt要素、dd要素の使い方について見ていきましょう。

 未受講

Chapter11

【練習問題1】ボブのお願い

ここまで学習してきた要素を使って「よくある質問ページ」にチャレンジしましょう。

 未受講

Chapter12

リンクを設定しよう

a要素を使ってハイパーリンクを設定できるようになろう。

 未受講

Chapter13

絶対パスと相対パス

リンク先を指定する際や画像を表示する際に必要となるパスを理解しましょう。

 未受講

Chapter14

画像を表示してみよう

img要素を使って画像を表示できるようになろう。

 未受講

Chapter15

表(テーブル)を表す要素

基本的な表組み(テーブル)を作れるようになろう

 未受講

Chapter16

フォーム関連の要素

お問い合わせフォームなどで使うフォーム関連の要素を学習しましょう。

 未受講

Chapter17

ラベルと部品を関連付けよう

フォームのラベルとコントール部品を関連付けて、フォームをより使いやすくしよう。

 未受講

Chapter18

【練習問題2】ムカミのお願い

学習した要素を使って「お問い合わせフォーム」にチャレンジしよう。

 未受講

Chapter19

セクションを明確にしよう

章・節・項などのセクションを明確にして、話題に階層構造を作ろう。

 未受講

Chapter20

ページの基本構造を示そう

ページやセクションの基本構造を作りましょう。

 未受講

Chapter21

著作権情報を表す要素

著作権表記などを示すsmall要素を学習しましょう。

 未受講

Chapter22

ページをまるごと作ってみよう!

今まで学習してきた要素を使って、ページをまるごと作ってみましょう。

 未受講

Chapter23

最終課題「メアリーのお願い」

HTML入門講座の最終課題です。

 未受講

スポンサーリンク

CreatorQuestの中の人(@hilosiva)がオンラインサロンやってます。
フロント系Webクリエーター養成所「Shibajuku」

パンくずナビゲーション

トップページhome chevron_right
レッスン chevron_right
HTML 入門

Lessons

  • 全てのレッスン
  • WEBディレクターコース
  • WEBデザイナーコース
  • WEBプログラマーコース
  • フロントエンドエンジニアコース

Reference

  • HTML

Follow Us

  • facebook
  • twitter
  • YouTube
CreatorQuest

CreatorQuest CreatorQuest CreatorQuest

  • 利用規約
  • プライバシーポリシー
  • お問い合わせ

© 2023 CreatorQuest All Rights Reserved.