
インストールした「Sublime Text 3」を使って、HTMLファイルを新規作成する方法について解説しています。
文書がHTML5で作成されたものであることを宣言するために、DOCTYPE宣言を行う必要があります。 DOCTYPE宣言とはそもそも何なのか、またその書き方について解説します。
Webページにタイトル情報を受け渡す、タグについて初心者向けに解説しています。実際に記述しますので、「HTMLの基本文法」を理解している方向けになっています。
Webページに、「見出し」を表示させるの書き方について解説しています。見出しタグには、からまでの種類がありますので、どのように違うのか見出しタグの考え方について触れます。
Webページの文章である事を示す、タグの書き方について解説しています。タグの書き方を覚えれば、どのようなものにも対応できる便利なタグなので、ぜひマスターしましょう。
CSSを利用せずにスタイルを適応させる""style""属性を使って、文字の色を変更させます。 初心者向けに解説していますので、CSSを知らない方でも大丈夫です。
Webサイトのナビゲーションを、リストタグを使って作成します。ここでは、リストタグの基本的な記述方法を初心者向けに解説しています。
Webサイトのメイン画像を表示させる方法を解説しています。画像が正常に表示されなかった場合にそなえ、代替テキストである"alt"属性も加えます。
Webサイトのフッターをマークアップする方法を解説しています。フッターに必ずある「コピーライト」の書き方についても学んでいきます。
CSSファイルの外部読み込みをするための、タグの書き方について初心者向けに解説しています。
HTMLファイル上に、メモを挿入する事ができるコメントアウトの書き方について、初心者向けに解説しています。
タグを使って、フォームを作成するための基盤を作成する方法について、初心者向けに解説しています。
タグを使って、テキストを入力出来るフォームを作成する方法について解説しています。
タグを使って、複数行入力可能な入力フォームを表示させる方法について解説しています。
タグを使って、複数のフォームをカテゴリー化して、グループに分ける事ができます。 ここでは、グループ化するためのタグの記述方法を解説していきます。
タグを使って、ラジオボタンを作る方法について解説します。
タグを使って、チェックボックスを作成する方法について解説します。
チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
タグを使って、表組みを表示する方法について、初心者向けに解説しています。
テーブルタグを使って作った表組みに、クリックすると開ける説明文を表示する,,タグの書き方について、初心者向けに解説しています。
テーブルタグを使って作った表組みの、隣り合う複数のセルを結合させる,タグの書き方について、初心者向けに解説しています。
長い文章をマークアップする際に使用するタグと、文章の中で改行させる際に使用するタグの書き方について、初心者向けに解説しています。
横罫線を表示するためのタグの書き方を、初心者向けに解説しています。
ページの中に窓のようにスクロールできる別ページを表示させる、タグの書き方について、初心者向けに解説しています。
チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
タグを使って、リンクのクリックでメールソフトを起動させる方法と、アドレスのエンティティ化について、解説しています。
件名や本文を入力している状態でメールソフトを起動させる方法について、解説しています。やや中級者向けです。
ファビコンと呼ばれる、タブの部分に表示される小さなアイコンを設定する方法について、初心者向けに解説しています。
Webページのメインコンテンツやサイドバー、フッターをレイアウトする方法について、初心者向けに解説しています。
Webページ全体を真ん中寄せにするためのタグの記述方法について、初心者向けに解説しています。
sectionタグとarticleタグの違いについて、初心者向けに解説しています。
最新のHTML5を70以上のレッスン、7時間かけてしっかり学びます
youtube動画の貼り付けや番号入力フォームなど、基礎的な内容だけでなく、実践的な内容も充実しています。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。
★こんな人におすすめ★
★特徴★
★内容★
HTMLの入門セクションを3つこなした後、パートに分けて実践的な内容を行います。
(1)HTML入門 第1回
初めてHTMLを学ぶ方向けに、HTMLの基本の書き方から便利なツールまでをレクチャーします。 HTMLを学ぶ上での環境をここで整えるので、みなさん必ず受講してください。 簡単なWebサイト制作を通してレクチャーしていきますので、楽しみながら学習して頂けます。
(2)HTML入門 第2回
HTMLファイルを記述するにあたって、まずは必ず記述しなければならない「基本構造」の必須コードや、超基本的な文字の表示方法をレクチャーしていきます。 HTMLファイルは、文字にタグを付与していくのが基本の書き方ですが、その前にまず「基本の構造」をルールに基づいて記述しなければいけません。初めてHTMLを学ばれる方は必ず受講してください。 この章は、「HTML入門 第1回」の続きの章です。初めてご覧になる方は、まずこの前の章から挑んで下さい。
(3) HTML入門 第3回
簡単なWebサイトの制作を通して、HTMLの基礎をマスターできる章です。 リストタグを使って箇条書きリストを作成したり、Webサイトレイアウトを組むためのタグの記述方法について学びます。 「HTML入門 第3回」の続きの章になりますので、初めてこの章をご覧になる方はまず「HTML入門 第1回」から順番に挑んで頂くことをオススメします。
(4)フォーム
文字の入力フォームやチェックボックス、ラジオボタンや送信ボタンなど、フォームを形成する上で必須のHTMLの書き方についてをレクチャーします。 初心者向けに解説していますが、やや難しいので、初めての方はまず「HTML入門」の章から取り組んで頂くことをオススメします。 この章をマスターすれば、実際に送信等の機能はつけれませんが、簡単なお問い合わせフォームを作れるようになるので、みなさん頑張って下さい!
(5)テーブル
テーブルタグを使って、表組みを作成する方法を初心者向けに解説しています。 ひと昔前までは、テーブルタグを使ってWebサイトのレイアウトを組んでいました。 Webサイトレイアウトを組む際のテーブルタグはNGなのですが、表組みを作成する上ではテーブルタグは今でもたくさん使用されています。
(6)テキストとリスト
テキストには、「見出し」「段落」だけでなく、「引用」「リンク」など 様々な意味を付与していく必要があります。文章の構造を意識して、正しいマークアップを行うためには「どんなHTMLタグがあるのか」をどれだけ知っているか、にかかっています。 ここでは、簡単な制作物を通して、様々な文字に関するHTMLタグについて学んでいただきます。
(7)リンクと画像・動画・オーディオ
テキストにリンクを貼ったり、画像や動画を表示させる方法などを学びます。 HTML最大の特徴は、ファイルとファイルをリンクさせる事です。ファイル同士をリンクさせる事で、クリックで指定のページへジャンプさせる事ができます。
(8)HTMLテクニック
リンクのクリックでメールソフトを起動させたり、ファイルをダウンロードさせたりといった、少し上級者向けのテクニックを学びます。 リンクを貼る<a>タグを多く利用しますので、よくわからない方は先に「リンクと画像・動画・オーディオ」の章を学習してから、この章に挑んで頂くとより理解が深まります。
(9)要素のセクショニング
Webサイトをグループ化して、レイアウトを組むためのタグを記述する方法について学びます。 Webページは、ヘッダーやコンテンツ、フッターなど様々なセクションに分かれています。ただ単純にテキストをマークアップするだけでなく、文書構造に沿ってグルーピングしないと、レイアウトを組む事が出来ないので、注意が必要です。