【初心者】Webサイト作る

【初心者】Webサイト作る #3 「HTMLをもっと学ぼう」

解説動画

動画はこちら!!

わからないことがあれば、Twitterか動画のコメント欄でお願いします。

宿題の答え合わせ

https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/HTML_basics

前回出した宿題は終わりましたか?

プロジェクトを作る

  1. 適当なフォルダを作成
  2. そのフォルダをドラッグ&ドロップ
  3. 完成 🎉

Github

“Git”と呼ばれるバージョン管理ツールを使ってソースコードをクラウド上で管理してくれるサービスです。

後々Gitの講座も作りますが、今回はオープンなソースコードを拝借するしようって感じです。

どうやってコピペするの?

コピーしたいページの[Raw]をクリックして、フラットなソースコードをコピーしましょう

こちらのソースコード

画像はどこ?

フォルダの部分”beginner-html-site”をクリックして”images”に入っています。

こちら

動画中に行ったテクニック

行の複製

[ ALT + ↓(↑でもOK) ]

マルチカーソル

文字を選択して[ Ctrl + D ]

“target”しか打ってないのに”noopener”が入力された

スニペットに登録されているからです。

下記コードをスニペット登録してみましょう

	"target blank": {
		"prefix": "target blank noopener",
		"body": [
			"target=\"_blank\" rel=\"noopener\""
		],
		"description": "description"
	},

コーディング代行

高品質なソースコードをお約束

詳しくはこちら
背景イメージ
背景はFreepikによるデザイン

information

お問い合わせ