2021.08.07
テーマ： HTMLタグのお勉強(104)
カテゴリ： HTMLを知る
前回なんとか簡単なhtmlができました。
皆さんには、こんなつまらないこととと感じるでしょう。
今回は、前回のhtmlに、少しプラスさせたいと思います。
<!DOCTYPE html>
皆さんには、こんなつまらないこととと感じるでしょう。
今回は、前回のhtmlに、少しプラスさせたいと思います。
<!DOCTYPE html>
<html>
<head>
<title>タイトルを入れる</title>
</head>
<body>
<h1>第１章</h1>
<p>早速作ってみよう。</p>
</body>
</html>
前回のものに、ひとつ追加しました。
ピンクの色がついたものです。
この<h1></h1>は、文章の見出しとして
少し大きめの文字で表示されます。
このhtmlシートを名前をつけて
html形式で保存しましょう。
デスクトップに、インターネットのアイコンが現れたらそれをクリックします。
すると・・・
↓
↑
このように
ブラウザで表示されたら大成功ですね！
私、頑張りました。
浮かれているうちに
さあ、ここからcssの作成に入っていきます。
まず、大まかな流れです。
①メモでcssを作成する
②css形式で保存する
③htmlシートにcssを反映させる
ざっくりとこんな感じです。
ピンクの色がついたものです。
この<h1></h1>は、文章の見出しとして
少し大きめの文字で表示されます。
このhtmlシートを名前をつけて
html形式で保存しましょう。
デスクトップに、インターネットのアイコンが現れたらそれをクリックします。
すると・・・
↓
↑
このように
ブラウザで表示されたら大成功ですね！
私、頑張りました。
浮かれているうちに
さあ、ここからcssの作成に入っていきます。
まず、大まかな流れです。
①メモでcssを作成する
②css形式で保存する
③htmlシートにcssを反映させる
ざっくりとこんな感じです。
お気に入りの記事を「いいね！」で応援しよう
[HTMLを知る] カテゴリの最新記事
-
cssに追加してみよう3 2021.08.15
-
cssに追加してみよう2 2021.08.12
-
cssに追加してみよう１ 2021.08.11
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
