コース: HTML5 基本講座

今すぐコースを受講しましょう

今すぐ登録して、23,100件以上登録されている、業界エキスパート指導のコースを受講しましょう。

body要素

body要素

コース: HTML5 基本講座

1ヶ月の無料トライアルを開始 法人向けサービス

body要素

“

このレッスンではHTMLの中でも 実際にブライザーに表示するコンテンツを 定義する為の <b>要素について学びます</b> 現在コードエディターで サンプルコードを開いているところです 早速<b>タグを追加しましょう</b> <b>タグはタグには</b> ネスト（入れ子）にされません タグとは兄弟 つまり同等のレベルに当たります その為<b>タグを追加する位置は</b> このタグの 終了タグの後になります それでは<b>タグを追加しましょう</b> 山形括弧で <b>という文字列を括ります</b> 終了タグはコードエディターによって 自動的に入力されました 終了タグには頭にスラッシュがあります これで<b>タグを作る事が出来ました</b> <b>タグの中のコンテンツは実際に</b> ブラウザーに表示されます ここではテキストを書いてみましょう 日本語で と入力します するとこの部分は <b>タグに挟まれていますので</b> 実際にブラウザーに表示される という事になります 一度保存しブラウザーで表示してみましょう ブラウザーで先ほどのHTMLを表示しました 実際に先ほど入力したテキスト "ページのコンテンツ" という文字列が 表示されています この時この文字列は デフォルトの状態で表示されています 特に文字の大きさや色等が フォーマットされている訳ではありません 実際このHTMLの中で文字のスタイリング フォーマットをする為には スタイルシートを使います 現在はスタイルシートを 特に使っていませんので デフォルトのレンダリング状態に なっているという事です 実際にデフォルトのレンダリングで 表示されているという事を確認する為に クロームのデベロッパーツールを使いましょう 右クリックから '要素を検証' をクリックして HTMLの要素を確認する為の ツールを開きます するとこの画面下側の <b>要素の中には</b> 特にCSSやHTMLのタグが 定義されている訳ではない という事が分かります…

目次