HTML의 <samp> 태그는 <em>, <code>, <strong> 등과 같은 구문(phrase) 태그 중 하나로, HTML 문서 내에서 텍스트의 서식을 지정하는 데 사용됩니다. 특히 이 태그는 컴퓨터 프로그램의 출력 결과를 화면에 표시할 때 활용됩니다.
브라우저에서는 기본적으로 <samp> 태그로 감싼 텍스트가 고정폭(monospace) 글꼴로 렌더링됩니다. 덕분에 실제 프로그램이나 운영체제가 출력한 메시지처럼 자연스럽게 보이며, 오류 메시지나 시스템 안내 문구를 나타낼 때 특히 유용합니다.
samp 태그 사용 예제
다음은 <samp> 요소를 실제로 구현한 예제입니다.
<!DOCTYPE html> <html> <body> <h2>OS issues</h2> <p>If the system hangs...</p> <samp>Press CTRL + ALT + DELETE and delete the current tasks.</samp> </body> </html>
실행 결과
코드 설명
위 예제에서는 <samp> 태그 안에 다음과 같은 텍스트를 넣어 시스템 출력 메시지를 표현했습니다.
<samp> Press CTRL + ALT + DELETE and delete the current tasks. </samp>
이처럼 <samp> 태그를 사용하면 프로그램이 반환하는 결과값이나 시스템 메시지를 일반 본문 텍스트와 시각적으로 구분할 수 있어, 기술 문서나 튜토리얼 작성 시 가독성을 크게 높일 수 있습니다.