HTML에서 텍스트에 밑줄을 그리려면 <u> 태그를 사용할 수 있습니다. 아래 코드를 실행하면 HTML 문서에서 밑줄이 그어진 텍스트를 확인할 수 있습니다.
참고: <u> 태그는 현재 폐기(deprecated)된 요소로, 최신 웹 표준에서는 사용하지 않는 것이 권장됩니다. 대신 CSS를 활용하는 것이 좋습니다.
<u> 태그 사용 예제
<!DOCTYPE html> <html> <head> <title>HTML u 태그</title> </head> <body> <u>Qries.com</u>은 차세대 지식 관리 시스템입니다. </body> </html>
CSS를 사용한 권장 방법
웹 표준을 준수하고 유지보수성을 높이려면 CSS의 text-decoration 속성을 사용해 밑줄을 구현하는 것이 바람직합니다. 아래 예제처럼 스타일을 적용하면 동일한 결과를 얻을 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<style>
.underline {
text-decoration: underline;
}
</style>
</head>
<body>
<span class="underline">Qries.com</span>은 차세대 지식 관리 시스템입니다.
</body>
</html>이처럼 CSS 방식은 HTML 구조와 스타일을 분리할 수 있어 코드가 깔끔해지고, 밑줄의 두께·색상·스타일 등을 세밀하게 조절할 수 있다는 장점이 있습니다.