MENU
1501 更新日
htmlとは？初心者でも理解できるWEBページの仕組み
HTMLはホームページの言語
HTMLとは
HyperText Markup Language(ハイパー・テキスト・マークアップ・ランゲージ)の略で、ホームページを構成する言語のことです。
どのようにホームページになるかは、決められた文法で書きhtml形式(拡張子は.html)で保存することにより、ホームページと認識され表示されます。
HTMLタグで囲むことでテキストをマークアップする
例えば大見出しのタグは<h1>です。閉じタグは</h1>とスラッシュを入れます。
<h1>これは大見出しです</h1>
と言うように開始タグと閉じタグで囲む事によって文章の意味合いをつけていきます。
タグの種類は豊富にあります。最も一般的なタグ、段落を示すHTMLタグは<p>と</p>で囲みます。
<p>これは段落です。</p>
改行は<br>で閉じタグがない単体のタグもあります。
1分でWEBページを作成してみよう！
以下の文法をコピーし、widnowはメモ帳、Macはテキストエディットでhtml形式で保存し、ブラウザで開いてみましょう。タグとタグの間は好きな文字列を入れてみても良いです。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>これは大見出しです。</h1>
<p>これは段落です。これは段落です。</p>
<p>これは段落です。これは段落です。</p>
<br>
<p>これは段落です。これは段落です。</p>
</body>
</html>
WEBページにする手順
❶上記ソースをコピーし、メモ帳orテキストエディットに全てペーストする。
❷保存 ＞ html形式(macの場合は拡張子を.htmlに)で保存する
❸保存したファイルをアプリケーションを指定してブラウザで開く。
fool
どうですか？WEBページとしてブラウザで開けたでしょうか？超簡単な内容のWEBページ作成ですが、本物の1ページです。頑張ればメモ帳でもかっこいいホームページが作れます。
まとめ：HTMLタグの組み合わせでホームページができる
HTMLはホームページを作るための言語と言うのは理解できたでしょうか？
上記で紹介したタグの他にもかなりの数があり、紹介しきれませんが、WEBデザイナーやプログラマーを志す人であれば、マスターは必須です。
又、HTMLとは別にスタイルや装飾の言語CSSと言う言語もあります。これは主にデザイン部分を調整する時にHTMLと組み合わせて利用します。
かっこいい・機能的なホームページを作りたければ、HTMLとCSSの知識が必須です。
この記事をシェアする
ブログトップへ
専業イラストレーターが
ご希望のイラスト描きます！
「こんなイラストが欲しい・・・」
お任せ下さい！ご希望のイラスト描きます
似顔絵・キャラ制作・商品パッケージイラストやロゴ
ご要望に合わせたイラスト制作承ります。
クラウドソーシングで安心取引可能です。
-
おしゃれな線画のイラスト
シンプルで細い線で描くしゃれなモチーフ。特別な記念品やプレゼント・ラベルデザイン・ブランドロゴ、観賞用にもおすすめ！
-
シンプルな動物の線画描きます
目を引く動物のイラスト、チームや企業のブランドロゴや商品のパッケージのシンボルに！シンプルで高級感あるイメージにも。
-
墨絵イラストを依頼
躍動感溢れる墨絵のキャラクター描きます。侍・戦国武将・筆のタッチのキャラクター制作が人気です。著作権譲渡・商用利用可能です。
-
フリーイラストを商用利用依頼
すでに公開しているフリー素材を商用利用したい方へおすすめ！illust.NOを控えていただきお問い合わせフォームよりリクエスト可能。
受付中のパッケージを見る
イラスト制作一覧へ