이 기사에서는 JavaScript를 사용하지 않고 HTML에 호버 텍스트를 추가하는 두 가지 유용한 방법을 보여줍니다.
방법 1: 'div' 요소를 통해 호버 텍스트 추가
호버 텍스트는 ' <사업부> ” 요소에 “ 제목 ” 오프닝의 속성 “ <태그> '. 개발자는 '제목' 속성에 마우스 오버 텍스트를 추가해야 합니다. <사업부> ” 여는 태그와 HTML 요소가 여는 것과 닫는 사이에 추가됩니다. <사업부> ” 태그. ' 안의 텍스트 <사업부> ” 컨테이너 요소는 모든 유형이 될 수 있습니다. 예를 들어, ' ” 제목, “ ” 단락 요소 또는 간단한 일반 텍스트입니다.
예
'를 추가하는 간단한 예제를 작성해 보겠습니다. <사업부> HTML 요소 위에 호버 텍스트를 추가하려면 ” 요소:
< 사업부 제목 = '이것은 호버 텍스트입니다' > 호버 오버 미! < / 사업부 >
위의 코드에 따르면:
- ㅏ ' <사업부> ” 요소가 “ 제목 ” 오프닝의 속성 “ <사업부> ” 태그.
- “ 제목 ” 속성에는 사용자가 텍스트 위에 마우스 커서를 올려놓는 동안 표시되어야 하는 텍스트가 포함됩니다.
- 오프닝과 클로징 사이 ' <사업부> ” 태그는 호버 텍스트를 표시할 인터페이스에 표시되는 텍스트입니다.
위에서 추가한 예는 다음 출력을 표시합니다.
방법 2: 'span' 요소를 통해 호버 텍스트 추가
호버 텍스트는 ' <스팬> ” HTML의 요소. 필요한 것은 제목 속성에 호버 텍스트를 추가하고 호버 텍스트가 여는 부분과 닫는 부분 사이에 추가되는 실제 HTML 요소입니다. <스팬> ” 태그.
예
'를 삽입하는 간단한 예를 추가해 보겠습니다. <스팬> ” HTML 요소 위에 호버 텍스트를 추가하기 위해 HTML 문서의 요소:
< 기간 제목 = '이것은 호버 텍스트입니다' >나를 가리키세요!< / 기간 >위의 예에서:
- ㅏ ' <스팬> ” 요소가 “ 제목 ' 개구부 ' 내부의 속성 <스팬> ” 태그.
- “ 제목 ” 속성에는 사용자가 마우스를 올렸을 때 표시되어야 하는 텍스트가 포함됩니다.
- 오프닝과 클로징 사이 ' <스팬> ” 태그는 호버 텍스트를 표시할 사용자에게 표시되는 텍스트입니다.
산출
이것은 JavaScript를 사용하지 않고 호버 텍스트를 추가하는 가능한 방법을 요약한 것입니다.
결론
호버 텍스트는 JavaScript 기능을 사용하지 않고도 HTML에 쉽게 추가할 수 있습니다. 개발자는 ' <사업부> ” 요소 또는 “ <스팬> ” HTML 요소를 생성한 다음 호버 텍스트를 정의하는 제목 속성을 추가하는 요소입니다. 이 게시물은 JavaScript 없이 호버 텍스트를 추가하는 방법에 대한 좋은 가이드입니다.