콘텐츠

• 지침
• CSS를 사용하여 텍스트 밑줄 긋기
• HTML을 사용하여 텍스트 밑줄 긋기
• 어떻게
• 공지 사항
• 필요한 것

밑줄은 웹 페이지의 텍스트를 강조하고 강조하는 데 사용할 수 있습니다. 텍스트는 CSS 스타일 시트, text-decoration 속성 또는 덜 바람직하게는 HTML U 요소를 사용하여 밑줄을 그을 수 있습니다.

지침

HTML 텍스트 밑줄 학습 Fotolia.com에서 Georgios Alexandris에 의해 (정보 인터넷 링크 이미지)

CSS를 사용하여 텍스트 밑줄 긋기

1. 밑줄을 그릴 텍스트를 찾거나 입력하십시오.

2. 텍스트 앞에 시작 태그를 추가하고 나중에 닫는 태그를 추가하여 SPAN 요소 안에 넣습니다.

3. 다음과 같이 STYLE 특성을 SPAN에 추가하여 SPAN 내의 텍스트에 밑줄을 긋기하여 지정하십시오. STYLE = "text-decoration; underline;"

4. SPAN에 클래스 속성을 추가하여 텍스트의 밑줄을 정의하는 CSS 클래스의 이름을 지정합니다. 이는 이전 단계에서 설명한대로 STYLE 속성을 사용하는 대신에 사용할 수 있습니다. CSS 클래스 선언의 형식은 다음과 같습니다. .my-underlined-class {text-decoration : underline; }

HTML을 사용하여 텍스트 밑줄 긋기

1. 밑줄을 그릴 텍스트를 찾거나 입력하십시오.

2. 텍스트 앞뒤에 여는 태그와 닫는 태그를 넣어 U 요소 안에 포함시킵니다.

3. 이 작업은 신속하게 수행 할 수 있습니다.

어떻게

• WYSIWYG HTML 편집기를 사용하는 경우 밑줄 메뉴 항목이나 도구 모음 아이콘이 CSS 또는 HTML을 인코딩하지 않고도 텍스트에 밑줄을 표시하도록 찾습니다.
• CSS 텍스트 장식 속성을 사용하여 overline, line-through 텍스트를 배치하거나 이미 존재하는 밑줄 (none)을 비활성화 할 수 있습니다.

공지 사항

• 밑줄은 클릭 할 수있는 링크를 나타 내기 위해 종종 웹 페이지에서 사용되므로 혼동을 피하기 위해 자주 사용하십시오.

필요한 것

• 텍스트 또는 HTML 편집기