ゆるゆるチャレンジ

興味のあることをゆるゆる共有します〜

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

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

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

 

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

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

https://dotinstall.com/lessons/basic_html_v5

 

01. プロフィールサイトの作成


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

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

02 ブラウザに名前を表示

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

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

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

 

03 タグでマークアップ


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

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

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

・pタグは段落を表す

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

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

 

 

今回は以上です。

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

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