プロフィールサイトを作ってみようこのレッスンでは、どんなプロフィールサイトを作るのかやこのプロフィールサイトを作成するための素材がダウンロードできます。素材はファイルにまとめたので、ここからでもダウンロードが可能です。使っていくみたいです。書いて保存した山田太郎が表示されるか。ファイルの階層は以下です。山田太郎が表示されるまでを行っています。タグでマークアップしてみようここでは、タグについて説明されています。<h1></h1>タグを使い見出しの名前を大きくみせて、文章は<p></p>タグを使い改行しているのがわかります。imgタグで画像を表示しようここでは、<img>タグについて説明されています。src=”ここに画像までのルートを書いてあげます。ような書き方をしなければいけません。ルートは/で区切っていきます。width=”幅”、height=”高さ”を設定します。オプションは画像読み込み時になかなか出力されない画像に対してどんな画像かわかるように、文字をつけることができます。全角文字に気をつけようここでは、HTMLタグを全角で書かいないようにということやスペースも全角にしないということを説明しています。スペースの幅によっては、うまくコードが読み込まれません。文書全体につけるタグを見ていこうここでは、HTML全体のタグにつける文章の説明を行っています。いうことを文章の冒頭で宣言します。html>これに閉じタグは不要です。その後、HTMLタグを書いていきます。lang=”ja“>これは、htmlの文章が日本語ということを指定してあげています。基本的にはHTMLは以下のような構成です。