HTMLスキル - 第2章 Lesson6

見出しである事を示す<h1>の書き方

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

見出しを設定する方法を見ていきましょう。


この動画で学べること

・見出しの設定方法



<h1>タグを使った見出しの設定方法

画面上に表示させたいものは、<body>タグの中に書いていきます。
まずは、<body>タグの間に「京都のフリーランスウェブデザイナーYumiのサイト」と記述してブラウザで見てみましょう。

文章が表示されました。
これはまだ<body>タグの中に書いただけですので、これを見出しにしていきたいと思います
Sublime Text に戻って、先ほど書いた文章を<h1> タグで囲ってみましょう。
この用になります。


<h1京都のフリーランスウェブデザイナーYumiのサイト></h1>






記述ができたら、保存して再度ブラウザで見てみましょう。

このとき、ブラウザに移動してショートカットキー
[Mac] command ⌘+R
[Windows] Ctrl +R
をすると、更新ができます。

文字が大きくなっていれば見出しに設定することができています。