HTML #05 スタイル

2017年7月18日 2017年9月12日

こんにちは！
UPSTARTSのSベンです！

今回は「スタイル」タグについてやっていきます！

スタイル

スタイルタグは文字などを装飾するときに使うタグになります。

HTMLのレッスンの次のCSSレッスンでやる内容と似たものになるのですが、

今回はstyleタグを使いHTMLに直接書いていきます。

スタイルの書き方は、２通りあります。

まず一つ目

<style>
    p {
        color: red;
    }
</style>

<p>ルフィ</p>
<p>エース</p>

<style>

p {

color: red;

}

</style>

上記では「p要素」の文字を赤くするという処理を書いています。

ルフィとエース両方の文字が赤くなります。

二つ目は

<p style="color:red;">ルフィ</p>
<p>エース</p>

1 2	<p style="color:red;">ルフィ</p> <p>エース</p>

ルフィのpタグの中に直接書いています。

ここではルフィの文字が赤くなります。

このようにHTMLに書くスタイルは２通りの書き方があります。

装飾系のより詳しい内容についてはCSSでやっていきたいと思います！

今回は「スタイル」タグについてやっていきました。

次回は「リスト」についてやっていきます！

ではまた次回！