ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

HTMLって一体なに?

HTMLとは

ステップ1でも説明しましたが、HTMLはホームページを制作する上で絶対に欠かすことのできない、とっても重要な存在です。このステップではHTMLの基本的な仕組みについて説明します。

実はHTMLは略称であり、正式名称は【HyperText Markup Language】:ハイパーテキストマークアップランゲージと呼ばれています。
HTMLはマークアップ言語と呼ばれており、ホームページの基礎となる文章をタグと呼ばれる文字列で囲み、記述します。

[HTMLの記述例]

<html>

<head>

<title>HTMLの基礎知識</title>

</head>

<body>

<h1>HTMLはホームページを制作する際に必要不可欠な要素です</h1>

<p>HTMLをバッチリ覚えて、素敵なホームページが作れるようになりましょう☆</p>

</body>

</html>

基本的には文章の前後に<>と</>で囲まれたタグを入力し、マークアップします。そして、その集合体、つまり上記のプログラム全体を「ソースコード」と呼びます。

ちなみに、このソースコードをブラウザーで見てみると、こんな感じになります。

ブラウザで見たソースコード

ただテキストだけが表示されていて、ホームページと呼ぶには程遠いですね。
しかし、どんなホームページでも、基本はこのタグの組み合わせによって成り立っています。

では、次はHTMLの基本的な構成についての説明です。

覚えておきたいポイント

タグとは

【タグ】とは文章に前後して記述されている<>と</>で囲まれた文字列のことです。これから頻繁に出てくる単語ですので、是非覚えておきましょう。

マークアップとは

タグを使い、文章の見栄えや構造を指定することを【マークアップ】と呼びます。
ホームページはタグにより文章をマークアップすることによって成り立っています。この集合体が「ソースコード」となるわけです。

HTMLの基本構成
« 前のページへ 【STEP.2】HTMLに触れてみよう!

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。