HTML 基本チュートリアル ...LOGIN

HTML 基本チュートリアル <span> タグ

このセクションでは、<em>、<strong>、<span> タグについて説明します。

  • <em> タグは、段落内のキーワードを強調する場合、その意味論的な意味は強調です。

  • <span> タグには、別のスタイルを設定する機能がありません。

ここで、前の詩の王朝と作者を赤(赤)に設定したいとしますが、これを強調するためではなく、単に他のテキストとは異なるスタイルを設定するだけであることに注意してください(そして、画面を読み取らせます (デバイスは王朝とアクセントを読み上げます)。そのため、この場合には <span> タグを使用できます。

以下に例を示します:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
<style>
span{
 color:red;   
}
</style>
    <body>
       <h1>水调歌头·丙辰中秋</h1>
<pre>
<span>朝代:宋代
作者:苏轼</span>
<strong>丙辰中秋,欢饮达旦,大醉,作此篇,兼怀子由。</strong>

明月几时有,把酒问青天。不知天上宫阙,今夕是何年。我欲乘风归去,又恐琼楼玉宇,高处不胜寒。起舞弄清影,何似在人间?
<em>转朱阁,低绮户,照无眠。不应有恨,何事长向别时圆?人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共婵娟。</em>
<pre>
    </body>
</html>

注: このセクションでは CSS の知識を使用します。CSS を学習した後、理解してください

次のセクション
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <style> span{ color:red; } </style> <body> <h1>水调歌头·丙辰中秋</h1> <pre> <span>朝代:宋代 作者:苏轼</span> <strong>丙辰中秋,欢饮达旦,大醉,作此篇,兼怀子由。</strong> 明月几时有,把酒问青天。不知天上宫阙,今夕是何年。我欲乘风归去,又恐琼楼玉宇,高处不胜寒。起舞弄清影,何似在人间? <em>转朱阁,低绮户,照无眠。不应有恨,何事长向别时圆?人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共婵娟。</em> <pre> </body> </html>
コースウェア