見出し画像

初心者がゼロから始める【HTML】プログラミング【学習6日目】要素について

こんにちは、ryomaです。

今回は<span>要素についてを学習したので、それについてまとめていきたいと思います。

そもそも<span>要素とはどんな意味?かというと『文章の特定の部分をCSSで装飾したいときに使う要素』です。

スクリーンショット 2020-10-14 6.01.39

今まで学習した内容だと、文字全てが赤くなっていましたが<span>要素を使っていくことで「特定の場所」だけ赤くすることができました。

スクリーンショット 2020-10-14 6.05.24

実際のコードがこちらで、<span>要素が使われています。
さらに<span>の中に『class』を入れることで、特定の場所を赤くすることができています。

class属性とは、要素が所属するグループの名前のようなもので今回のコードではredグループに所属していることになります。

スクリーンショット 2020-10-14 6.10.08

上記のコードで文字を赤くしています。

文字装飾については、CSSでの学習で詳しくやっていきたいと思いますのでHTMLだけの段階では「そうなんだ」くらいで大丈夫です。

HTMLの学習はいったんこれで終わり、HTMLの復習をしてからCSSの学習に入っていきます。
プログラミングの基礎的な部分であるHTMLとCSSをサクッと学習して、「早くRubyの学習に入りたい」と思うのですが、地道にちょっとずつやっていきたいと思います!

この記事が参加している募集

この記事が気に入ったらサポートをしてみませんか?