인라인 스팬
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 26번째.
문장이 있을 때 그 중 한 단어나 일부분만 강조해야 한다면 어떻게 해야 할까요? 우리는 <span> 태그를 사용할 수 있습니다! 이 태그는 나머지 부분에 영향을 주지 않고 텍스트의 특정 부분에만 스타일을 적용하거나 변경 사항을 적용하는 데 도움을 줍니다.
HTML에서 span을 사용하기 위한 기본 구문은 다음과 같습니다:
<span>This is some text.</span>다음은 단락 내의 텍스트 일부를 강조하기 위해 span 태그를 사용하는 방법의 예입니다:
<p>This is a <span style="color: blue;">blue</span> word.</p>이 예제에서 "blue"라는 단어는 파란색으로 표시됩니다.
나중에 style 속성에 대해 배우게 될 것입니다!
챌린지
쉬움하나의 단락이 포함된 HTML 문서가 주어집니다. 여러분의 작업은 <span> 태그를 사용하여 "qwerty12345" 텍스트를 감싸는 것입니다.
치트 시트
<span> 태그는 나머지 부분에 영향을 주지 않고 텍스트의 특정 부분에 스타일을 적용하거나 변경하는 데 사용됩니다.
기본 구문:
<span>This is some text.</span>인라인 스타일링 예시:
<p>This is a <span style="color: blue;">blue</span> word.</p>직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
<p>The secret password is qwerty12345.</p>
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
