HTMLを作る時に必ず記述する基本要素HTMLを書く際には、必ず記載する文句があるお話。それがないと日本語の文字コードが正しく認識されず、文字化けを起こしたりする。html>:何のバージョンを使っているかHTML5を使用している場合。charset=”utf-8′′>文字コードを指定するもの現在のウェブサイトでutf-8以外で作られているものはほとんどない。見ている端末に合わせるというのが一般的title:ウェブページのタイトルを名付けるものウェブページのタブに表示されるこれはもうHTMLを書く際にはセットで覚えておけばいいものですね。Alfredエンジニアになるまでの道を応援してくれている監督からの宿題。ありますが、今回はAlfredをダウンロードしてみようかと。これなんだろう?調べてみた。”Macのランチャーアプリと呼べれるもので、アプリケーションの検索や起動を素早く行えたり、特に検索についてはパソコン内部のファイル・フォルダの検索やWebでの検索などを強力にサポートしてくれるとても便利なアプリケーションです。”とりあえず何も考えずにインストールしてみた。使い方は、option+spaceキーで検索窓が表示される。ここで検索したいものを入力すると検索できるという感じ例えばアプリを立ち上げられたり、フォルダを立ち上げたり、webでの検索が簡単にできたり、効率を上げるためのアプリですかね。確かに、option+spaceキーを覚えておけば、簡単に検索窓が現れて検索できるのは便利かも。空要素と属性いきなり難しい気が。pタグでとりあえず材料を揃えていく。メールアドレスとパスワード入力画面は空要素と言われるinputタグで簡単にできました。登録するボタンはボタンタグ使用。簡単にここまで作成できた。空要素というのはつまり、マークアップする必要がないもの。終了タグが必要ないもの。属性を使って追加の情報を与えてあげる。(ここではメールアドレス・パスワードを入れる所だよという感じ)勝手に入力するフォームができた。name属性は見分けがつくように名前をつける。見分けがつけばなんでもいいということかな。buttonタグはマークアップする必要があるから終了タグをつける。その空要素とマークアップする必要があるものはどうやって見分けたら良いのだ?単純に覚えろという話?疲れた頭でぼんやりとここまで。余談ですが、最初バーッと書いたら、ボタンタグが表示されなかった。bottonになってた。スペルミスって意外とよくあるよね。簡単なHTMLを作成してみようこのレクチャーでは簡単なHTMLで入会申込み画面を作ろうというもの。下記完成画面え、できるかな?まずは基礎のヘッダーを書くところから丁寧な説明つき。第一弾はこれだけ書いただけ。【メモ】<h1>はHTMLタグタグを使ってこの文書のこの部分はこういう意味ですよと教えてあげる。<h1>のhはheadingという意味、1はlevel1つまりはh1は大見出しという意味。この文章は大見出しであると意味づけしていて、大見出しであれば少し大きめにした方がいいとブラウザは解釈し少し大きめにブラウザに表示されたりする。様々なタグがあって、100種類以上ある。タグの種類を覚えて、文書に意味づけすること。タグを二つ書くことをマークアップするという。マークアップラングエージ。Webページのことを、ハイパーテキストという。LanguageなんとなくHTML触ってたけど、こんな意味までは考えたことなかったな。やってメモしてくのはいいかもね。入れてはすぐ忘れる脳みそしてるから見返したときに、あーそうだったってなるよね、きっと。Web環境整えようまず第一弾がWeb環境を整えようです。そんなところからやってくれます。プログラミングを勉強するのにはパソコンが必要だよーというお話から開発に必要なテキストエディタのインストールのお話。Code”をダウンロードすることにしました。なんでも形を合わせたいタイプ。いろんなエディタがあるけど、どれがいいとか全くわかりません。使い勝手の違いなのかな?ちなみにですが私のパソコンはMacです。仕事ではWindowsなのですが、なんとなくかっこいいからとわざわざMacを買いました。使いづらくてしょうがないです。見た目にこだわるタイプ。使いこなせるまでになりたいな。エディタをインストールした後は、英語版なので、日本語版にすることとフォントサイズや配色テーマだとか細かい設定をしてました。そこらへんは好みですね。最後にWebブラウザのソフトのダウンロード。MacにはSafariというブラウザが元々入っていますが、使いやすいとは言えないらしいです。そこらへんは詳しいことわかりません。Chromeのダウンロード。これでプログラミングする環境ができたよって感じです。講座[HTML/CSS/javaScript]フロントエンドエンジニアになりたい人のWebプログラミング入門これからUdemyの講座にて勉強していきます。私も知らなかったのですが、そんな高くなくプログラミング講座を動画で受けることができます。私が選んだ講座はこれです。¥1,560で62レクチャー。”Webの仕事に関わる人なら誰でも必要な、「HTML/CSS」とプログラミング言語「JavaScript」の知識をこれ一本で。基礎の基礎から、jQuery/Vue.jsまで学びます。