午前ごぜん1030ふん
🕥
10.30am

👨🏻
おはよう、亮平りょうへいです。日本人にほんじんです。アメリカにんでいます。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。亮平です。

ブラウザは「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。亮平りょうへいです。

👆🏻 👨🏻 👆🏻
これをつくるには、
亮平りょうへいです」といて、
ふりがなをつけて、
バックグラウンドカラーを黄色きいろにして、
フォントサイズを大きくします。



👋🏻 👨🏻
じゃあまたね

🏠 ホーム *** わり *** つぎ