Language)の略であり、コンピュータに文章構造を理解させるためのマークアップ言語になります。「段落/箇条書きリスト/画像/データテーブル」などになります。文章を書いただけではコンピュータは認識できないので、タグと呼ばれるものを使用します。しやすいですが、プログラミング言語とは別物なので注意しましょう。HTMLで書くHTMLで書くというのは、上記の専用のタグを使って文章構造をマークアップしていくことを意味します。英語表記がずらーっと並んだ言語ではないので、プログラミング初学者もとっつきやすいと思います。Progateやドットインストールといった無料教材を使ってマークアップ言語を体験してみるのもよいでしょう。環境設定不要なブラウザ用で学べるProgatehttps://prog-8.com/3分動画でサクッと学べるドットインストールhttps://dotinstall.com/たとえば、以下のような文章をWEBページに表示したい場合はどのように書けばよいでしょうか。答えはこのように記述します。表示されている内容は黄色マーカーで記している<body>から</body>までの間の文章になります。その前後のコードはHTMLのお作法だと思ってください。VScodeであれば!(エクスクラメーションマーク)を押すことで必要なお作法が全て自動補完(Emmet)されます。<p>これは見出しです</p></body></html>拡張子は「.html」HTMLファイルを作成するときは、必ずhtmlという拡張子を使用してください。拡張子はコンピュータがファイルの種類を判別する目印になります。.docxは文書ソフトですね。拡張子を間違えてしまうと、コンピュータがファイルの種類を誤認してしまい、うまく動かないことがあるので注意しましょう。テキストエディタを使用するやろうと思えば、Windowsに最初からインストールされている「メモ帳」やMacの「テキストエディット」でも代用可能ですが、かなり使いにくいので専用のエディタを使いましょう。Codeを使用していますが、「Atom」や「SublimeText」でも代用可能です。HTMLでページ作成それでは一緒にHTMLファイル作成からページ表示までやってみましょう。デスクトップにフォルダを準備しましょう。名前は何でもいいですが、とりあえず「sample」としておきます。次にエディタを開きましょう。ファイル→フォルダを開くから先ほど作成した「sample」フォルダを開きます。「sample」フォルダを選択した状態で新規ファイル作成をクリックし、「index.html」ファイルを作成します。名前は何でもいいですが、拡張子は必ず.htmlを指定してください。初期設定HTMLファイルのお作法を入力していきます。最初からコードを手打ちしてもいいのですが、便利なEmmetという機能を使ってみましょう。html>を選択します。することで下記の画像のように色々とコードが自動で追加されます。ページ表示方法<body>タグ内にHelloWorldと入力してみましょう。これからプログラミングを学んでいくのであれば、文字が表示できるか確認のために必ず「HelloWorld」と入力することになるでしょう。wWorld</h1></body></html>ブラウザに表示するためには、index.htmlのタブをGoogleChromブラウザにドラッグ&ドロップすることで表示できます。公開されることはないので安心してください。画像のように「HelloWorld」と表示されていれば成功です。ページ更新方法しかしこれでは自分のページが表示されているのかどうか判断できないので、更新処理を施してみましょう。使用されるタグ一覧で紹介した様々なタグを使用して自由に書いてみましょう。html」と追記してみました。・ブラウザ上でリロードしましょう(Ctrl+R)まとめHTMLファイルについての基礎知識を得られたところで、CSS(カスケーティングスタイルシート)を学び、文字構造を修飾していく方法を学ぶことをおすすめします。プログラミング言語を学んでいくよりは、まずはマークアップ言語を学び、静的なページを作成してみる。その後に自分で作ったページにアニメーションを加えてみるといったステップアップの勉強方法が良いと思います。プログラミングを学んで自分で作りたいWEBサイトを作れるようになるとどんどん世界が広がりますし、稼げるようにもなります。場所に縛られない自由な生活を目指してプログラミングを習得しましょう。WEBCAMPでは転職成功率98%を実現しています。本資料では、元警察官や元ラーメン屋など様々なバックグラウンドを持つ卒業生の声をお届けします。資料をダウンロードするIT技術の発展により、今後10~20年程度で47%の仕事がなくなると言われています。どのような変化が訪れ、私達はどのようなスキルを身につけるべきかを解説します。資料をダウンロードする働き方改革やリモートワークの影響でフリーランスという働き方の人気は高まりつつあります。フリーランスエンジニアとして活躍するために必要な情報をお届けします。ペースでエンジニア転職を目指す。