Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

無料版！Webページを作成しよう！これから始める「HTML超入門」

HTMLの超入門講座！基本の基本からしっかり学習していくので、これからWeb系プログラミングを学習していきたい人の第一歩となります。是非こちらのコースでHTMLの基礎を学習しましょう！

Created byオンサタデーズ

Last updated 6/2024

Japanese

What you'll learn

Webページの作成方法
HTMLの基本構文
CSSの基本構文

Course content

7 sections • 53 lectures • 2h 17m total length

コースを始める前に0:21
「ブラウザ」と「エディタ」を準備しましょう！2:12
ATOMの設定を行いましょう！5:58
【テキスト】開発環境を準備しましょう！0:05

【ダウンロードファイル】HTML基礎構文-第1章-0:05
HTMLってどういうもの？3:41
HTMLでは「タグ」を使用します。2:19
「開始タグ」と「終了タグ」を学習しましょう！2:10
テキストエディタにコードを書いてみましょう！4:22
他の見出しを記述しましょう！2:24
「p」タグを記述してみましょう！3:43
「a」タグを記述してみましょう！4:09
リンクのコンテンツを日本語に変えましょう！3:49

【ダウンロードファイル】HTML基礎構文-第2章-0:05
HTMLの宣言や情報の記述の方法を学習しましょう！3:20
コードを記述していきましょう！ブラウザで確認してみましょう！3:44
インデントを活用しましょう！3:16
「body」要素の中に、コンテンツを記述しましょう！3:51
画像を挿入してみましょう！2:43
階層とは？3:53
「IMG」フォルダ内の画像にアクセスしましょう！2:30

【ダウンロードファイル】HTML基礎構文-第3章-0:05
改行の方法を学習しましょう！2:08
エディタに必要な情報を記述しましょう！2:51
「h1」や「p」要素を追加しましょう！3:09
コンテンツの記述を完成させましょう！3:26
特殊な文字の入力方法を覚えましょう！3:19
「<」「>」などを入力し直しましょう！3:32
文字を強調する「em」要素を学習しましょう！2:52
文字の重要度を高める「strong」要素を学習しましょう！2:18
コンテンツの中に「strong」要素を追加しましょう！3:01

【ダウンロードファイル】HTML基礎構文-第4章-0:05
リストの作成方法を見てみましょう！2:07
「順不同リスト」を作成してみましょう！3:50
「番号順リスト」を作成してみましょう！1:36
「h」タグなどを追加してWebページを作成しましょう！3:34
「番号順リスト」を追加しましょう！2:09
箇条書きを入れ子にする方法を見てみましょう！3:24
Webページ内に入れ子のリストを追加しましょう！2:18

【ダウンロードファイル】HTML基礎構文-第5章-0:05
用語説明型のリストを見てみましょう！2:19
必要なコンテンツをエディタに記述しましょう！3:01
「dt」要素で、名前を囲みましょう！「dd」要素で、説明文を囲みましょう！3:31
それぞれの要素を整理して理解しましょう！1:56
用語説明型リストを使用したWebページを作成してみましょう！2:41

【ダウンロードファイル】HTML基礎構文-練習問題1-0:05
作成するWebページを確認してみましょう！1:59
【解説】必要なページ情報を記述しましょう！2:44
【解説】「画像」と「リスト」を追加しましょう１2:37
【解説】「リスト」の中に「リスト」を作成しましょう！2:49
【解説】「用語説明型リスト」を追加しましょう！2:23
【解説】「リンク」を追加しましょう！3:52
ボーナスレクチャー:HTMLをもっと本格的に学習するには？3:22

Requirements

ご自宅のパソコンがあれば学習可能です！

Description

HTMLの超入門講座！

基本の基本からしっかり学習していくので、これからWeb系プログラミングを学習していきたい人の第一歩となります。

是非こちらのコースでHTMLの基礎を学習しましょう！

・HTMLって何？

・マークアップする方法をみてみましょう！

・ページが作られていく理由

最後は簡単なWebページを作成する練習問題あり！

Who this course is for:

プログラミングをはじめてみたいという方
プログラミング初心者
Webページ作成をしてみたい方