👨🏻
おはよう、亮平です。日本人です。アメリカに住んでいます。Stanford大学でコンピュータサイエンスを勉強しています。ウェブデベロッパーになりたいので、HTMLを勉強していきましょう。
< !DOCTYPE html>
<head >
</head >
<body >
Hello world。<ruby> 亮平 <rt> りょうへい </rt> </ruby>です。
</body >
👆🏻 これはウェブページです。
ブラウザはこれをランディングします。
👇🏻
Hello world。亮平です。
<head> </head>
<body> </body>
<ruby> </ruby>
<rt> </rt>
👆🏻 これはHTMLタグです。
<!DOCTYPE html>
<head >
</head >
<body >
Hello world。亮平です。
</body >
bodyタグに
「Hello world。 亮平です」を
書くと、ブラウザはランディングします。
👇🏻
Hello world。亮平です。
< !DOCTYPE html>
<head >
<body >
<span style="background-color: yellow;">
Hello world。 亮平です。
</span>
</body >
「
<span style="background-color: yellow;"> 」を
追加すると、
ブラウザは
黄色のバックグラウンドカラーを
表示します。
Hello world。亮平です。
漢字にふりがなをつけるには、
「
<ruby> <rt> </rt> </ruby> 」を
追加します。
< !DOCTYPE html>
<head >
<body >
<span style="background-color: yellow;">
Hello world。 <ruby>亮平<rt>りょうへい</rt></ruby>です。
</span>
</body >
Hello world。亮平です。
フォントサイズを
大きくするには、
「font-size: 150%」を
追加します。
< !DOCTYPE html>
<head >
<body >
<span style="font-size: 150%;background-color: yellow;">
Hello world。<ruby>亮平<rt>りょうへい</rt></ruby>です。
</span>
</body >
Hello world。亮平です。