この記事は超初心者向けに執筆しているので、経験者は回れ右です。
本記事の内容をざっくりまとめたものはYoutubeにも公開しています。
目次
この記事に向いている方
・パソコンが使える小学生
・コーディングに興味があるwebデザイナー
※ワードプレスのカスタマイズ（PHP）とは使用言語が違いますのでお気をつけください。
ワードプレスのカスタマイズができる人でもハードコーディングをできない人もいますし、その逆もまたあります。
テキストエディタをダウンロードする。
コーディングがしやすいテキストエディタをダウンロードしておきましょう。
人気エディタは以下です。
Sublime Text: https://www.sublimetext.com/
Visual Studio Code ←おすすめ
https://azure.microsoft.com/ja-jp/products/visual-studio-code/
フォルダを作成する
デスクトップ以外にてきとうにフォルダを作成しましょう。
名前はとりあえず「test」にします。
※パソコンの処理作業が落ちてしまうため、デスクトップにデータは極力置かないのがパソコン作業の常識です。
テキストエディタ起動
テキストエディタにてきとうに文字を打ち、
「index.html」という名称でtest/ 配下に保存をしましょう。
.html という拡張子で保存すると、ただのテキスト情報だったものがchromeのアイコンになっていると思います。
index.htmlをWクリック
作成したindex.htmlをWクリックすると白いページができたと思います。
文字を入力し、ページを更新するとページとテキスト情報が同じものになっていると思います＾＾
まずはここまで！
次はcssとの連携をします。
個人的な経験ですが、まず本を1冊読むよりもやってみる！
そして分からないところを本や解説記事で解決する。
が一番習得スピードが早いです。
レシピ本をすべて読んだ後に料理をするより、その都度手を動かした方が料理スキルが上がりますよね？そのような感じです。