2019年11月26日スポンサーリンクさて、15分間講座もラストになりました。今回のテーマは「タグについてもうちょっと知ろう」です。ここでひとまず第1回、第2回の内容をおさらいしましょう。第2回までのおさらいHTMLはタグの組み合わせで構成されるHTMLは「実際に表示させたい内容」と「実際にブラウザに表示させたい内容にどのような意味を持たせるのかという命令」で構成されるHTMLファイルの拡張子は「.html」HTMLファイルの文字コードはUTF-8こんなところですね。大丈夫ですか?さて、第1回で何も説明せずにpタグのサンプルをあげましたが、ここで一つルールを追加します。「HTMLのルールその4」HTMLのルールその4タグは開始タグと終了タグのセットで使用するということです。ここでもう1度、第1回であげたサンプルを掲載しますね。前回までシンプルに「タグ」とよんできましたが、上の図を見てみると「<p>」は開始タグ、「</p>」は終了タグ、と書かれていますね。第1回で説明したと思いますが、タグというのは「実際にブラウザに表示させたい内容にどのような機能を持たせるのかという命令」でしたよね。この「命令」の有効範囲を明らかにするために「開始タグ」と「終了タグ」という2つの種類のタグがあるのです。HTMLを使いこなして、複雑なHTMLを書いていくにつれて、このタグの有効範囲という物を嫌でも意識するようになります。今後の講座で説明することになりますが、タグの中にタグがあったり、タグ同士が複雑に絡み合っていたり、そういうケースも頻繁に発生します。そんな場合でも忘れないでほしいのは、パッと見で複雑に見える構造でも、ひとつひとつ丁寧に見ていくとシンプルなHTMLの組み合わせにすぎない、ということです。話を戻すことにして、よ~く見てみると、「終了タグ」の方には「/(スラッシュ)」が入っていますよね。はい、ここで「HTMLのルールその5」HTMLのルールその5「/(スラッシュ)」は終了タグの合図というルールを追加します。これはちょっとした業界用語ですが、開始タグを書くことを「タグをひらく」、終了タグを書くことを「タグをとじる」なんて言い方をしますね。あることなんですが、開始タグはちゃんと書いたけど、それに対応させる終了タグを書き忘れることって結構あるんです。単純なHTMLだったらいいんですけど、なかなかこれが複雑なページだと、「あれ~このタグ閉じ忘れてるのかなぁ?」とか「ここ2重に閉じてるなぁ」なんてケースもよく発生します。これは私の持論ですが、ホームページは見た目が10割だと思っています。タグの閉じ忘れがあっても最悪ちゃんとブラウザで表示さえれていたらいいと思っています。タグを閉じ忘れるとたいていレイアウトが崩れるケースが多いです。いう地味な作業をやるはめになります。開いたものはちゃんと閉じようネという話でした。いうことで、「15分間だけHTMLをちょっとやろう講座」はここまでです。かけあしで進めてしまったので、まだ理解があやふやなままな人も多いと思います。最初から完璧に理解しようなんて思わないでくださいね。15分間講座はあくまでHTMLの入門編。これから「よっしゃ!HTMLを本格的にやっていこう!」と思ったのなら、次ページ以降の「HTML基礎編」に進んでみてくださね。お待ちしておりますぞ。ブロックレベル要素とインライン要素【HTML基礎編】の第1回目です。第1回は「ブロックレベル要素」と「インライン要素」です。ほとんどのタグはこれらの2つのうちのどちらかに分類されますが、この2つは具体的にどのように違うのでしょうか。ブラウザで表示させて検証します。...===よろしければ、ポチっとお願いしますm(__)mこのブログの更新情報をTwitterで配信しています。よろしければフォローお願いします!@jugedredfacebookページも運営中です。MEドレッドフリーライター&Webクリエイター。1999年から趣味のホームページ制作を開始。TypeやWordPressのカスタマイズでWeb制作を覚えました。地元の制作会社で5年間勤務して独立。現在は個人事業主としてWeb制作に関することを何でもやってます。LINK:https://html.jugedred.netスポンサーリンクスポンサーリンクお仕事のご依頼お待ちしております。このブログの運営者にお仕事を依頼しませんか?現在はフリーランスのクリエイターとして、ウェブメディアのライティングやホームページ制作、コンサルティングをしています。事業用サイト「コレカラウェブ」にアクセスしていただき、お気軽にお問い合わせください。メールでのご相談は無料です。皆様からのご連絡お待ちしております。タグについてもうちょっと知ろうHTMLの基本的な知識を1回5分で教える「15分間講座」の第3回目です。第3回は「タグについてもう少し詳しく」解説します。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。検索フリーランスドレッドフリーライター&Webクリエイター。1999年から趣味のホームページ制作を開始。TypeやWordPressのカスタマイズでWeb制作を覚えました。地元の制作会社で5年間勤務して独立。現在は個人事業主としてWeb制作に関することを何でもやってます。画像スポンサーリンクWordPressが高速で動作することで定評のあるエックスサーバーです。このブログはエックスサーバーで動作しています。管理画面も使いやすく、機能も豊富で、初心者にイチオシのレンタルサーバーです。詳細ページ公式ページ国内最大手のASP「A8.net」です。有名商品からニッチ商品まで様々なジャンルの広告を使ってアフィリエイトができます。これからアフィリエイトを始める人にとって、最初に登録したいASPです。詳細ページ公式ページバリエーション豊富な広告主が充実しているバリューコマースアフィリエイトです。初心者向けのアフィリエイトセミナーなどを実施しており、安心して利用できます。登録は無料で報酬は1000円から支払ってくれます。7の「サイトのドメインに属していないメールアドレスが送信元に設定されています。