|
|
|
2021.08.08
テーマ：HTMLタグのお勉強(102)
カテゴリ：HTMLを知る
簡単なページを作成することができたので、 ここでちょっと 遊んでみたいと思います。 前回のhtmlに少し追加します。 <!DOCTYPE html> <html> <head> <title>タイトルを入れる</title> <link href="stylesheet/test.css"rel="stylesheet"> </head> <body> <h1>第１章</h1> <p>早速作ってみよう。</p> <h2>その１</h2> <p>パソコンの電源を入れてみよう。</p> <h3>その２</h3> <p>メモ機能を使って作ろう。</p> </body> </html> ピンク色の部分を本文に追加してみました。 <h2></h2> <h3></h3> <p></p> が追加されたのが分かりますでしょうか。 <h2><h3>は、見出しの部分です。 この、２と３は、見出しの文字の大きさになります。 １が大きく２，３・・・となるにつれ小さい文字の見出しになります。 <p>は段落です。 文章を作成して入れてみましょう。 これで、html形式で保存します。 cssは、前回作成したままのものを使うので、 <head>部分のリンクは変えません。 cssの内容は、<p>の段落の部分を青色にする。でした。 今作成したhtmlを開いてみましょう。 ↓  ↑ どうでしょうか。 ちゃんと、段落が青色になっています。 <h1>は大きめの文字<h2>は中くらいの文字<h3>は小さめの文字 というような違いがわかりますか？ 文字の大きさや、色を変えただけでもワクワクしてきますね！ お気に入りの記事を「いいね！」で応援しよう
最終更新日
2021.08.08 09:02:53
コメント(0) | コメントを書く
[HTMLを知る] カテゴリの最新記事
|
