HTML 기본 튜토리얼 <span> 태그

이 섹션에서는 <span> 태그에 대해 설명합니다. <em>, <strong>, <span>

< ;em> 및 <strong> 태그는 단락의 키워드를 강조하는 데 사용되며 의미는 강조됩니다.
<span> 태그에는 별도의 스타일을 설정하는 기능이 없습니다.

이제 이전 시의 왕조와 작가를 빨간색(red red)으로 설정하고 싶은데, 이를 강조하기 위한 것이 아니라 단지 다르게 설정한 것임을 참고하시기 바랍니다. 즉, 화면 판독기가 왕조와 악센트를 읽는 것을 원하지 않으므로 이 경우 <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>

제출하다 코드 재설정

자동운전