カリキュラム検索

キーワードで探す

HTML

  • 未学習
  • 1. 基礎知識:HTMLとは〜初心者でも分かるホームページの基礎技術〜

    ホームページはタグとよばれるプログラムで書かれています。それをブラウザが処理し表示することで、レイアウトされたり、リンクが機能したりします。本カリキュラムではタグと、その1つであるHTMLを解説します。

  • 未学習
  • 2. 基礎知識:HTMLの基本構造を学ぼう

    HTMLは「Hypertext Markup Language」の略語で、ウェブページを記述する際に用いられる言語です。「Markup」とはテキストを「構造化」することを意味します。「構造化」とは、テキスト等を単にベタ書きするのではなく、この部分は見出し、強調、リンク、リスト……などと意味付けをすることです。今回は、ほぼすべてのHTMLドキュメントで記述するHTMLの基本構造を説明します。

  • 未学習
  • 3. 基礎知識:テキスト関連タグの使い方(p、br、hr、a、em、strong、imgタグ)

    近年では高速なインターネット回線の普及から、画像や音声、動画を利用したウェブサイトも増えてきましたが、全体としてみればやはりコンテンツの中心となるのはテキストです。今回は、よく使うテキストに関連するHTMLのタグ+αを紹介します。

  • 未学習
  • 4. 基礎知識:baseタグ、styleタグ、linkタグの使い方

    ホームページのソースコードに<link>や<base>、<style>という文字を見たことがあるのではないでしょうか。このタグは、ホームページのデザインの幅を広げてくれる、とても優秀なタグ(要素)です。今回は、これらのタグの効果と使い方について、解説します。

  • 未学習
  • 5. 基礎知識:metaタグの使い方とその効果

    metaタグ(meta要素)の使い方をちゃんと理解していますでしょうか。ホームページを制作する上でmetaタグをしっかりと理解し使いこなすことはとても重要なことです。今回は、metaタグについての説明、metaタグに記述できるものをご紹介します。

  • 未学習
  • 6. ホームページを強化するタグ貼り付けをマスターしよう

    facebookのソーシャルボタン、Googleアナリティクスのトラッキングコード、AdWordsのコンバージョンタグ・・・など、Web担当者はいろいろなタグを貼り付けなくてはなりません。タグ管理が重要業務です。

  • 未学習
  • 7. 基礎知識:CSSの適用方法(外部CSSファイルで指定、style要素で指定、style属性で指定)

    ページを作成するときに重要な事は、構造とスタイルを切り離すことというのをご存知でしたか?テキストや画像等はHTMLで構造化して、それらをどのように装飾/レイアウトするかというスタイルの制御をCSS(Cascading Style Sheet)で行います。このように構造とスタイルを切り離すことで、構造化したテキストや画像等には触らず、デザインだけを一括で変更することができるなどの利点が生まれます。今回は、スタイルを適用する方法について説明しますが、スタイルを書く文法についても少しだけご紹介します。

  • 未学習
  • 8. 基礎知識:リストタグの正しい使い方

    HTMLにはリストタグ(リスト要素)というのが用意されていて、用いることでリストを作成することができます。このリストタグを用いると、この要素にだけデザインを付けることができるなどメリットも多いです。今回は、リストタグの使い方について解説します。

  • 未学習
  • 9. 基礎知識:formタグを使ってフォームを作ろう

    フォームを作るときに使うのが、formタグとその関連タグです。フォームを作ればユーザーからの問合せなどを受け付けるページを作成できます。何らかの応募フォームやウェブアプリケーションなどを作成する際に有用です。今回はよく使うformタグとその関連タグを、その表示例とともに解説していきます。

  • 未学習
  • 10. 基礎知識:tableタグの使い方

    HTMLで表を作る場合に用いるのがtableタグ(table要素)です。tableを用いる意味は、データを視覚的に解りやすくまとめられるだけではありません。適切に構造化されたtableは容易にデータを抽出できたり、読み上げ等のアクセシビリティ的な観点からも重要です。今回は、tableタグの使い方について解説していきます。

  • 未学習
  • 11. HTML5基礎:headerタグの使い方

    HTML5では、ヘッダーのまとまりを表現するタグ(要素)として、新しくheaderタグが追加されています。headerダグは、ページの大きな枠組での骨格になるタグの1つです。

  • 未学習
  • 12. HTML5基礎:mainタグの使い方

    HTML5から新しく追加されたタグ(要素)として、新しくmainタグがあります。mainタグは、ページのメインコンテンツを表現するときに使います。footerタグや、headerタグ同様に、ページの大きな枠組での骨格になるタグの1つです。非常にシンプルな使い方で、同様に覚えてしまえば簡単に導入できます。

  • 未学習
  • 13. HTML5基礎:footerタグの使い方

    HTML5では、フッターのまとまりを表現するタグ(要素)として、新しくfooterタグが追加されています。footerダグは、ページの大きな枠組での骨格になるタグの1つです。非常にシンプルな使い方で、headerタグ同様に覚えてしまえば簡単に導入できます。

  • 未学習
  • 14. 基礎知識:divタグとspanタグの使い方

    あなたはdivタグ(要素)とspanタグ(要素)の意味や使い方を理解していますか?普通、タグにはそれぞれ意味があります。しかし、この2つのタグは「意味を持たない」ことを意味したタグなのです。今回は、これらの「意味を持たない」タグが重宝される理由と、その使い方についてご紹介します。