サイタWeb・デザインスクールホームページ作成講座東京 初心者歓迎ホームページ作成講座 スクールブログ ちょっとの工夫...

ちょっとの工夫でエラー激減!ミスしにくいHTMLの書き方

今日は、HTMLを書く際に、気をつけた方が良いと思う事について書いて行きます。
HTMLを書くときは、対になっている物を忘れない様に書くと、間違えにくいと思います。


■-□-■-□-■-□-■-□-■-□-■
頭から書くとミスる!!
■-□-■-□-■-□-■-□-■-□-■
このブログを読んで下さる方の中には、自分でテキストを購入して、HTMLを書いている方も居るかもしれません。
でも、日常生活でHTMLをタイピングする事は少ないので、タイプミスしてしまう場合もあると思います。
しかも、そのミスに中々自分では気がつけません。

特に、初学者の方は、閉じタグを忘れてしまうケースが多いです。

そんな方は、書き順を工夫すると、いっきにミスが少なくなると思います。
例えば、

<p>こんにちは</p>

このHTMLを打つ時、どんな書き順で書いていますか?
頭から順番に書いて行くと、とっても間違えやすいです。

基本的には、閉じれる物は先に閉じるというのを意識して書くと、
ミスしにくくなると思います。

■-□-■-□-■-□-■-□-■-□-■
慣れるまでは、この書き順
■-□-■-□-■-□-■-□-■-□-■
では、具体的に考えてどんな書き方が良いでしょうか。

<p>こんにちは</p>

の例で紹介します。

<

<>

<p>

<p><

<p><>

<p></>

<p></p>

<p>こんにちは</p>

こんな感じの書き順で書くと、間違えにくいです。
コツは、閉じれる物は先に閉じるです。

その他、HTMLの属性を書くときのダブルクォートや、
CSSを書くときの中括弧{}
なども、先に閉じると、ミスが減ります。

この書き順の場合、カーソルをいちいち戻さなくちゃならない事も多いので、
若干手間ですが、その分の恩恵は、十分あると思います。
慣れるまでは、この書き順をお勧めします。


■-□-■-□-■-□-■-□-■-□-■
まとめ
■-□-■-□-■-□-■-□-■-□-■
HTMLは、(その他の言語も同様ですが)閉じられる物を先に閉じると、
ミスが一気に減ります。
頭から順番に書かずに、まず閉じられる物は先に閉じるというのを意識するといいと思います。


■-□-■-□-■-□-■-□-■-□-■
今日の出来事
■-□-■-□-■-□-■-□-■-□-■
今日は、久しぶりにパズドラの話でも(笑)
今週から、土日ダンジョンに、新しく地獄級が追加されましたね。
早速行ってみたのですが、負けちゃいました。。。
近いうちにリベンジします!!!

それではまた!


■-□-■-□-■-□-■-□-■-□-■
石川健太(イシカワケンタ)
無料体験はこちら

記事の一覧ページはこちら

こちらでも、webサイト制作に関しての情報を書いています。
webサイト作成方法の紹介ページ
■-□-■-□-■-□-■-□-■-□-■

 

(2014年9月20日(土) 23:31)

前の記事

次の記事

目的・種類別にホームページ作成・作り方講座を探す

新着記事

今日はCMSに関して書いていきます。 一般的に、ブログの更新の様に、HTMLタグを知らなくても、 ホームページを更新していく事が出来る仕組みを、CMS(コンテンツマネジメントシステム)と呼びます。 企業が独自で開発したもの、有料の物、無料の物、色々あります。 現状一番人気で、世界的...

今日は、CSSの子孫セレクタと複数セレクタに関してです。 特に子孫セレクタは、HTMLのツリー構造をしっかり理解していないと、 使いこなす事が出来ないので、しっかり練習しましょう。 ■-□-■-□-■-□-■-□-■-□-■ HTMLのツリー構造とは? ■-□-■-□-■-□...

今日は、よく使うCSSのセレクタに関してです。 CSS3の登場で、非常に多くの、有用なセレクタが出てきて、とっても便利になりました。 とはいえ、一気に覚えるのは大変なので、まずは基本的な物を覚えていきましょう。 基本的なセレクト方法だけでも、工夫する事で大体のホームページは作れます。 ...

今日は、CSSの文法に関してです。 ルールをきちんと覚えてしまえば、さほど難しく無いので、是非覚えましょう ■-□-■-□-■-□-■-□-■-□-■ 「何に」、「何を」、「どうするか」 ■-□-■-□-■-□-■-□-■-□-■ CSSは、無理矢理日本語に翻訳するなら、 ...

今日は、HTMLの初心者が一番最初につまずきやすい、パスに関して書いていきます。パスにも、いくつかの種類がありますが、今回は、基本となる相対パスに関して書いていきます。 HTMLで画像等の外部ファイルを読み込むときは、「パス」という考え方をしていきます。 この「パス」の考え方は、HTM...

レッスン無料相談窓口のご案内

サイタでは、ホームページ作成レッスンに関する疑問に
専門カウンセラーがお電話にてご案内しております。
お気軽にご利用ください。

お電話相談窓口はコチラ

ブログ記事 ページ先頭へ