プログラミングの勉強：ドットインストール

副収入を得るため、ウェブデザイナー関連の勉強を始めました。

まずドットインストールで勉強していくので、学んだことを復習がてらシェアしていこうと思います。

今回は「はじめてのHTML(全14回)」

簡単なプロフィールサイトを作りながらHTMLについて学んでいくコースです。

・サイトの公開には別の勉強が必要なため、今回はまず画面のみの作成が対象。

・ブラウザはGoogleChrome、開発はVSCode

・フォルダの設定：横の一番上にあるマークを選択し、「OpneFolder」を選択。素材を用意しているフォルダを開く

・一番左のアイコンを選択し、ファイルを作成
「index.html」という名前にするのが一般的。拡張子を間違えるとブラウザで表示されないため注意
・ファイルを編集（何でもよいのでテキストを書く）
・ブラウザで確認

index.htmlファイルをgoogleChlomeのタブにドラッグアンドドロップで、ブラウザで表示

・意味を指定するには、「タグ」を使う

・サイドバーは横の一番上にあるマークを選択することで閉じる
・一番重要な見出しは「h1」タグを用いる

・タグは不等号記号でかこう
・閉じるタグにはスラッシュをつけて「/h1」とする

・pタグは段落を表す

・開始タグ、終了タグ
・テキストをタグで意味づけしていくことを「マークアップする」という
・ブラウザが意味を解釈して、それっぽい形にしてくれる

・ブラウザの再読み込みで最新の情報が表示される
・タグを打ち間違えると表示が崩れる。ブラウザやコンピュータが壊れることはないので、落ち着いて確認する。

今回は以上です。

勉強メモになってますが、コードを書きながら画面を表示しながら確認できるので、楽しく進められます。

全角空白は昔とても苦しめられたのですが、これを使うと本当に便利。

ゆるゆるチャレンジ