HTML

HTML

情報をグループ化する

文書や画像をグループ化することによって情報をまとめ、表示されるページの各内容やソースを見やすくすることができます。表示されるページの内容を見やすくするというのは、レイアウトやデザインを現すために枠組みを用意するということです。また、見た目だ...
HTML

記述リスト

記述リストと聞いてもピンと来ない方もいらっしゃると思いますので、簡単に説明して実際に書いてみましょう。 記述リストとは項目とその項目に対する説明が1つになったリスト構造です。<dl></dl>で囲み、その中に項目を示す<dt></dt>と説...
HTML

箇条書き

ここでは箇条書きについて説明します。箇条書きと言いますとこのサイトのまとめにも使われている行頭に点を付けて縦に並べるようなイメージがあると思います。それもなのですが、皆様がよくホームページなどで見られるメニューにも、同じ要素がつかわれている...
HTML

段落を付ける

webページの各コンテンツはそれぞれグループ分けして、改行や空白を付けて見やすく表示します。そのためにpタグを使用します。今までのソースコードで何気なく書いてたp要素にはこのような機能がついておりました。 試しにp要素を続けて使用して文章を...
HTML

画像を表示する

前回までは文字だけでwebページを作成しcssをコーディングして装飾しましたが、画像もwebページ、特にホームページを作成する上で必要不可欠な要素となりますので使い方を覚えましょう。文書をマークアップという章ですが、画像も使っていきます。外...
HTML

見出しを作る&装飾する

この章からどんどんコードを書いていき、ホームページっぽくしていきましょう。タグの種類と使い方を、実際に書いて覚えて最終的に自分でデザインしたホームページができるようになりましょう。今回は見出しについて書きます。また、ただHTMLだけで作成し...
HTML

HTMLの初めの1歩

準備 単純にHTMLを用いてページを表示するだけなら、パソコンだけあれば問題ありません。特別な設定も必要なく、強いて言えばHTMLのコードを書くソフトをパソコンの中に用意します。それはメモ帳でも構いませんが、機能的にもっと書きやすいソフトを...
HTML

HTMLの概要を理解する

HTMLとはどんな言語か HTMLとはマークアップ言語と言われる言語の一つです。マークアップとがコンテンツを作成する時、タグと呼ばれるマークでコンテンツの意味をもたらすことです。皆様が普段パソコンやスマホで見るインターネットのwebページの...