html>1行目でドキュメントタイプを宣言しています。HTMLにはバージョンがあり、この記述によって【HTML5のバージョンで書きます】と宣言しています。難しく考えず必ず最初に書く呪文だと思って下さい。閉じタグは必要ありません。lang=”ja”>・・・</html>2行目~11行目がHTML文書であることを示しています。上記のドキュメントタイプの宣言以外は、全てこのhtmlタグで囲みましょう!lang=”ja”で言語を日本語に指定しています。この様にタグに【○○=”・・・”】といった形で書くものを【属性】と言います。<head>・・・</head>3行目~7行目がこの文書に関する情報であることを示しています。WEBページに実際に表示されるところではありません。charset=”utf-8′′>metaタグはこの文書に関する様々な情報を指定し設定していきます。4行目のcharset属性は、この文書の文字エンコーディングを指定しています。深く考えず【utf-8】を指定しておきましょう。<title>・・・</title>5行目はこのWEBページのタイトルを指定しています。content=”・・・”>6行目のname属性のdescriptionは、このWEBページの説明を指定しています。content属性の中に説明文を書いていきます。titleタグと同じく、検索エンジンの検索結果画面に表示されます!検索結果ページのtitleとdescriptionを見て、ユーザーは閲覧するページを選ぶわけです!またこの様に属性が2つで初めて意味を持つタグもあります。<body>・・・</body>8行目~10行目がブラウザ上に表示されるコンテンツであることを示しています。この中に見出しや段落・画像など、WEBページに表現したいものを書いていきます!記述のときのちょっとした心がけ見本のソースを見てもらうと、タグの中にタグが入り、さらにその中にもタグが入りとHTMLはどんどん入れ子構造になっていきます。実際にWEBサイトを作ると、数え切れないほどの入れ子になります。所長/エンジニアリサイクルショップ→ニート→ECショップ→ニート→PCインストラクター→ニート→ジョイントメディア。未経験からIT業界に飛び込みましたが、楽しく働けています。フロントエンド業務に携わり、WordPressはちょっとだけできます。広報・マーケティングおすすめ記事ジョイントメディアとたのしいをカタチにしませんか?求人や制作に関するご質問など、お気軽にお問い合わせください。arrow大阪府堺市のジョイントメディアは、ホームページ制作を始めとしたITの分野が得意な企業。次世代の技術と斬新な企画を安い価格で実現し、ワクワクする未来づくりを目指しています。ホームページ作成・各種システム構築の依頼は、大阪府堺市のIT企業ジョイントメディアまでお気軽にお問い合わせください。