ProgText – プログラミング学習のWeb教材

このサイトは、プログラミングの基本的なことから、Webアプリ開発の学習や制作の手助けになるような情報を紹介しています。

HTML入門

HTML入門

Webページを制作するには、HTMLを書けるようになることは必要不可欠です。

まずはHTMLを書くための基礎的な知識を身に着け、役割や構造を理解していきましょう!

HTML入門 サムネ
【HTML入門】 HTMLとは
【HTML入門】 HTMLとは
HTML (Hyper Text Markup Language) は、主に文書に意味をもたせるための、Webページ用の言語です。 例えば、どれ…
【HTML入門】 簡単なHTMLを書いてタグを理解しよう!
【HTML入門】 簡単なHTMLを書いてタグを理解しよう!
タグとは、HTMLで文章に意味を付ける(段落なのか、ヘッダーなのか、箇条書きなのかなど) ために、その範囲を指定するために使用するものです。 H…
【HTML入門】 HTMLの基本構造を理解しよう!
【HTML入門】 HTMLの基本構造を理解しよう!
HTMLは、数多くのタグと文章、画像で構成されています。ここでは、実際にタグを書いてみます。 タグについては、こちらを確認してください。 基本構…
【HTML入門】 見出しの作り方
【HTML入門】 見出しの作り方
Webページには、サイトのメインタイトル、記事のタイトル、章のタイトルなど、複数のタイトル(ヘッダー)があります。 それらを`h1`~`h6`タ…
【HTML入門】 画像を表示するには
【HTML入門】 画像を表示するには
Webページで画像を表示するにはimgタグを利用します。 ただ画像を表示するだけでなく、alt属性を設定する、高さや幅を設定するなど、重要な項目…
【HTML入門】 リンクの作り方
【HTML入門】 リンクの作り方
Webページにリンクを貼ることで、自分のサイト内だけでなく、外部のサイトにも移動できます。 まずはHTMLタグを使ってリンクを作成してみましょう…
【HTML入門】 箇条書き(リスト)の作り方
【HTML入門】 箇条書き(リスト)の作り方
箇条書きは、HTMLではリストというものになります。番号がついたリスト、ついていないリストや、リストの段の下げ方も合わせて見ていきましょう。 順…
【HTML】 ブロック要素とインライン要素
【HTML】 ブロック要素とインライン要素
HTMLでは、配置のされ方で、大まかに分けてブロック要素とインライン要素の2種類があります。 行中に配置したいのに改行される、高さや幅を指定した…
【HTML入門】 classとid属性の役目と違い
【HTML入門】 classとid属性の役目と違い
HTMLには、ほぼすべてのタグに対してclassとid属性が設定できます。この記事で、classとidのそれぞれの特徴や使い方を紹介します。 c…
【HTML入門】 内容に意味を付けるタグを知ろう
【HTML入門】 内容に意味を付けるタグを知ろう
HTMLは、Webページの文章や画像、領域などに意味を付けるものです。 ここでは、強調する、ヘッダーやフッターを示す、見出しを意味するタグなど、…
【HTML入門】 ヘッダーとフッターの構造を組もう
【HTML入門】 ヘッダーとフッターの構造を組もう
HTMLのタグには、Webページ上のヘッダーであることを示す`header`とフッターを示す`footer`タグがあります。 同時に、これらには…
【HTML入門】 フォームと入力欄を作ろう
【HTML入門】 フォームと入力欄を作ろう
ログイン画面や問い合わせ画面、設定画面など、入力フォームはあらゆる場所に存在し、Webアプリを作成するにあたってなくてはならないものです。 ここ…