HTML入門トレーニング

改行を制御する

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
改行を行うためのbrタグについて学びます。
講師:
03:52

字幕

このレッスンでは HTML の中で 改行を行う br タグについて学びます 段落の最中などで 改行を行いたい時は br タグを用いて改行を行います 画面ではサンプルファイルの HTML を コードエディターで開いているところです 一番下にスクロールすると この部分に アメリカの lynda.com の住所が 入力されています ここには lynda.com という会社の名前 そしてその通りの住所 さらには 州などを含む住所 このように 3 つのブロックを持っています これらは 3 つすべてで一つの住所を 表していますので 一つの段落の中に入れている ということは 間違いではありません しかし 住所は一行に連なっていると 少し読みにくい という点もあります そこで 住所の区切りに対して 改行を入れてみましょう 改行を入れるには 改行を入れたい箇所で br タグを使います br タグには終了タグがありません そのため 単体でこの br タグが 書かれた場所に 改行が発生します 同じように 通りの住所の後にも br タグを使って改行を入力します この状態でブラウザーに切り替えて 確認をしてみましょう ブラウザーを開き リロードをすると 住所の該当の箇所に 改行が行われていることがわかります これにより 住所のそれぞれのブロックが 改行されて読みやすくなりつつ この全体が一つの住所である ということがわかりやすくなりました 一旦 コードに戻ってみます 時折 br タグを見ていると このような書き方をしている場合が あるかもしれません br タグの後に半角スペース スラッシュ 「/」 という書き方です これは XHTML を使っていた時代の 名残です XHTML では XML の 厳格なルールに従う必要があるため br タグのように 終了タグが必要ないタグでも このようにして 自分のタグを終了する ということを 明示する必要がありました しかし 実際には HTML5 では このような表記をしなくても構いません 先ほどのように 「 /」 をない状態でも 通常の br タグとして認識されます もちろん 先ほどの XHTML のように このような形で記述しても HTML5 では 通常の br タグとして扱われます このようなタグは br タグの他にも img タグや meta タグでも 同じことが言えます ここでは この XHTML の表記のまま 保存し ブラウザーに切り替え リロードしてみましょう 特に問題なくレンダリングされています このように HTML5 では 通常の br タグの書き方 XHTML に準拠した書き方の どちらでも改行を入力できることが わかりました ここでは 表記を元に戻しておきましょう このレッスンでは HTML の中で 段落の最中などで 改行を行う時に使う br タグについて学びました

HTML入門トレーニング

HTMLはWebページを作るうえでもっとも重要な言語です。これがきちんと定義されなければ、Webページは正しく表示されません。このコースではHTMLの成り立ちから基本的な構文の書き方、さまざまなタグの意味やその使い方まで幅広い内容を学ぶことができます。またHTMLと並んで重要な言語であるCSSやJavaScriptについても、それぞれその概要を説明します。

5時間43分 (48 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2015年05月01日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。