콘텐츠
HTML에서 밑줄은 u> / u> 태그 사이에 텍스트를 둘러싸는 문제 였지만이 방법은 이후 더 다양한 CSS를 위해 사용되지 않습니다. 웹 페이지에서 밑줄을 긋는 것은 일반적으로 특정 텍스트 섹션을 강조하는 불편한 방법으로 간주됩니다. 밑줄이 그어진 텍스트는 링크와 쉽게 혼동되기 때문입니다.
단계로
2 가지 방법 중 1 : 현재 방법
CSS 스타일에서 텍스트 장식 속성을 사용하세요. u> 태그를 사용하는 것은 더 이상 텍스트에 밑줄을 긋는 적절한 방법이 아닙니다. 대신 CSS 속성 "text-decoration"을 사용합니다. - 이렇게하면 코드를 더 쉽게 수정할 수 있으므로 이전 코드를 사용할 수 없게 된 경우 변경하지 않아도됩니다.
텍스트의 특정 부분에 밑줄을 긋고 싶을 때 span> 태그를 사용하십시오. 밑줄을 시작하려는 위치에 "텍스트 장식"속성과 함께 시작 태그를 배치합니다. 밑줄이 멈춰야하는 위치에 끝 태그 / 스팬>을 배치합니다. span style = "text-decoration : underline;"> 밑줄이 표시됩니다 ./span>
페이지의 style> 부분에 HTML 요소를 선언하십시오. CSS 스타일 시트에서도이 작업을 수행 할 수 있습니다. 스타일을 HTML 요소와 연결하여 밑줄을 훨씬 쉽게 만들 수 있습니다. 예를 들어 모든 수준 3 헤더에 밑줄을 표시하려면 다음 CSS 스타일을 추가합니다. html> 머리> 스타일> h3 {텍스트 장식 : 밑줄; } / style> / head> body> h3>이 제목은 밑줄이 그어져 있습니다. / h3> / body> / html>
언제든지 빠르게 밑줄을 긋는 CSS 클래스를 만듭니다. 나중에 호출 할 스타일 시트 또는 스타일>에 클래스를 만들 수 있습니다. 클래스는 원하는 이름을 가질 수 있습니다. html> head> style> .underline {text-decoration : underline; } / style> / head> body>이 클래스를 사용하여 콘텐츠 / div> / body> / html> 다른 부분에서 div> / div>에 빠르게 밑줄을 긋을 수 있습니다.
텍스트를 강조하는 다른 방법을 고려하십시오. 독자의 혼동을 피하기 위해 밑줄은 피해야합니다. 널리 사용되는 방법은 텍스트를 기울임 꼴로 만드는 em> 태그를 사용하는 것입니다. 고유 한 강조 방법을 위해 CSS를 사용하여이 태그를 추가로 지정할 수 있습니다. html> head> style> em {color : red; } / style> / head> body> em 요소 내부의 모든 것은 (기본 설정 때문에) em> 기울임 꼴이되고 위에 추가 된 스타일 때문에 red / em>이됩니다. / 본문> / html>
방법 2/2 : 오래된 방법
이전 u> / u> 태그를 사용하지 마십시오. 이는 여전히 작동하지만 더 이상 사용되거나 권장되지 않음을 의미합니다. 이는 HTML이 원칙적으로 마크 업 언어로 설계되지 않았기 때문입니다. u> 태그는 여전히 작동하지만 이제는 맞춤법이 잘못된 단어 나 중국어 고유 명사와 같이 다른 텍스트와 다른 텍스트를 나타 내기위한 것입니다. 
밑줄에는 u> / u> 태그를 사용하십시오 (설명 용으로 만 사용). 어떤 상황에서도이 방법을 다시 사용해서는 안됩니다. 이전 웹 사이트를 업데이트해야 할 경우 어떻게 사용되었는지 아는 것이 좋습니다. html> body> HTML에서 u> 태그를 사용하면 / u>에 빠르게 밑줄을 긋을 수 있지만 다른 스타일 요소를 사용하면 상황이 금방 지저분 해집니다. 이것이 CSS 요소로 "텍스트 장식"에 밑줄을 긋는 이유입니다. / 본문> / html>
팁
- 밑줄을 긋는 것보다 웹 페이지에서 무언가를 강조하는 더 좋은 방법이 거의 항상 있습니다. 독자들에게는 매우 혼란 스러울 수 있습니다. CSS로 텍스트를 더 아름답게 만들어 긍정적으로 돋보이게 만드세요.
