(初回投稿日:2010年09月09日)まずはとにかくHTMLというモノを書いてみましょう。</html>テキストエディタで新規ファイルを開くテキストを書いて保存できるソフトウェアを起動してください。テキストファイルを作れるものなら何でもOKです。標準でついているテキストエディタ(Winなら「メモ帳(Notepad)」Macなら「テキストエディット」)でも、今日のところは構いません。Atom、Notepad++など)をお持ちならそっちで。テキストエディタについては後半の「テキストエディタはコーディング用のものを用意しよう」もご覧ください。テキストエディタで「新規ファイル」を開き、そこに次のようにタイプしてみましょう。半角英数字で入力します。全角(日本語入力)で書いちゃダメよ。<html></html>HTMLでは大文字小文字の区別はないので<HTML></html>と大文字のタグと小文字のタグを混ぜて書いてもエラーにはなりません。意味もなく混ぜたりせずに、小文字で統一して書くクセをつけたほうがイイです。XMLとか)を書く機会も出てくるから。CSSではクラス名やID名で大文字小文字の区別がある。XMLは大文字小文字の区別があります。混ぜて書くクセがついてるとエラーで困るときが来るかも。OSも大文字小文字の区別があるものが多いです。サーバのOSが理解しなくてファイルが表示されないなどの問題が生じます。小文字だけで書くのが一般的。id名とかに大文字を効果的に入れたりする機会もあるから。今のところは小文字で行こう。「ここでhtml要素は終了」と指示しています。指示する相手はブラウザです。HTML文書はブラウザに対する「指示書」なのです。囲まれた終了タグで終わります。(終了タグの無い要素もあります。sign日本語では「小なり記号」。(シフト)キーを押しながら←このキーを押します。sign日本語では「大なり記号」。(シフト)キーを押しながら←このキーを押します。slash日本語では「スラッシュ」。←このキーを押します。「<」や「>」を、不等号の記号と紹介していますが、要はカギカッコととらえてOK。今書いた<html>と</html>の間に、何でも好きなテキストを書いてみましょう。<html>本日は晴天なり〜!</html>拡張子「.html」をつけて保存するこのファイルに適当なファイル名をつけて保存します。HTML関連では拡張子は絶対必要。ブラウザは拡張子を頼りにファイルの種類を理解します。ファイルの種類ごとに固有の拡張子があります。テキストエンコーディングを指定して保存しよう保存する時の「テキストエンコーディング」は「UTF-8」にしましょう。UTF-8を使用することが推奨されています。テキストエディタによっては「UTF-8」は「BOMあり」「BOM無し」を選択できる場合がありますが、「BOM無し」にしておこう。「BOM無し」は「UTF-8N」という表現もあります。保存したファイルを再度開いたときに、文字化けするなど、うまく開けない場合は、テキストエンコーディングを見直してみてください。「メモ帳」は、選択肢が「BOMあり」しか無いそうなんですよ!今日のところは「あり」でもOKですが、将来的には「メモ帳」ではなく他のテキストエディタを使ったほうがいいです。下の「テキストエディタはコーディング用のものを用意しよう」を参考にしてください。Mark(バイトオーダーマーク)の略で「Unicode」特有の仕組み。「Unicode」には「UTF-16」「UTF-32」もあり、これらは複数の種類があるので「BOM」で区別するんだそうです。「UTF-8」には複数の種類は無いので「BOM」は無くて良いそうです。フォルダを作って、その中に保存してください。フォルダには適当な名前をつけてください。フォルダ名には、半角英数字の他に「_(アンダーバー)」や「-(ハイフン)」が使えます。その他の記号は使わないほうが無難です。今後、画像を配置したり、別のHTMLファイルにリンクを貼ったりします。このとき、URL(リンクをたどる道筋)がとても重要です。ファイルをフォルダ(ディレクトリ)で整理すると、URLも書きやすくなります。フォルダの中に保存しておいてください。保存方法はコチラを↓参考にしてください。ビジネス文書を簡単に制作するために「リッチテキスト」がデフォルトのファイル形式になっているものが多いです。リッチテキストとは、文字の色や大きさなどの「レイアウト情報」を含んでいるファイル形式です。この「リッチテキスト」は、HTML文書には使えません。HTMLはマークアップ言語なので、その言語以外の情報があったらブラウザに理解されず表示されません。単なるテキストファイルにしてから保存してください。」を付けて、ファイルの種類はそのまま「テキスト文章(*txt)」で保存します。文字コードを「UTF-8」にすることもお忘れなく。Macの「テキストエディット」では、新規ファイルはデフォルトでリッチテキストになってます。」を付けて保存します。テキストエンコーディングを「UTF-8」にすることもお忘れなく。ブラウザでプレビューする保存したファイルをブラウザで開きます。自分で書いたテキストだけが表示されれば成功。MacOS)でファイルを開いたもの。ファイル名は「aaa.html」とし、デスクトップ上の「html_test」というフォルダに保存しました。自分で作ったファイルをブラウザで開いても「何も表示されない」なら、何かが間違ってます。タイプミス(「>」や「/」が足りない、または多い)、半角じゃなく全角で書いちゃってる(そんなバカなことしないよって思うだろうけど、けっこうありがちですw)フォーマットが「テキストファイル」じゃない、テキストエンコーディングが「UTF-8」じゃないなど、よ〜く見直してみてください。手こずっているかなあ?と思い、上のプレビューのファイルをダウンロードできるようにしました。↓クリックでダウンロード用のページが別ウィンドウで開きます。ダウンロードページへダウンロードしたファイルを、テキストエディタで開く時は、必ず「標準テキスト」で開いてくださいね。改行コード「CR+LF」しか扱えないんだそうです。」と「改行なし状態」で表示されます。今はコードが少ないからイイけど、そのうちコードが増えていくと見にくくて大変です。付属のテキストエディタでは力不足。余計な問題を抱えずにスムーズに勉強するには、コーディング用のエディタを用意したほうがいいです。使えるテキストエディタをググってみてください。フリー」なんてググれば、無料のテキストエディタの情報がいっぱい出てくるはず。「Notepad++(フリー)」が人気らしい。有料の「秀丸エディタ」も有名。「Atom(フリー)」がイイらしい。有料の「Coda」も良さげです。使い慣れているので何となく。ダウンロードして使ってみてください。リナックスアカデミーさんの「エンジニアの入り口」で、フリーテキストエディタを紹介するページがありましたので、リンクを貼っておきます。(2017年情報です。次回は、タイトル(<title>要素)を設定してみましょう。HTML要素を増やしていきますよ。テキストエディタで書いてみようTweetやる気を保つためにランキングに参加しています。(ミニバードがスターサーバになりました)。管理画面がわかりやすくていい感じす。わかりやすい管理画面で、初めてでもすんなり使えます。両方とも、なんといっても料金が安いです。この2つは老舗でユーザーも多いので、質問する場がたくさんあり、初心者の方でもイケるだろうと思います。そのままオートリンクになる仕様です。当方でメールアドレスだけ削除することも、メールアドレスを非公開にすることもできません。メールアドレスは書かないでください。詳しくはこちらにまとめましたのでご覧ください。基礎から覚える、深く理解できる。yuki★hataせめて月1回の更新をめざします~。