이미지 크레디트: Jacob Ammentorp Lund/iStock/Getty Images
여러 HTML 태그에는 "가시성"이라는 속성이 있습니다. 이 스타일을 가진 요소 중 하나는 div 태그입니다. div 태그는 웹 페이지의 특정 위치에 텍스트와 이미지를 담는 컨테이너입니다. 이 태그를 사용하여 웹 페이지에서 텍스트를 숨길 수 있습니다. 텍스트 블록을 div 태그로 둘러싸면 사용자에게 표시되지 않습니다. 사용자가 버튼이나 링크를 클릭할 때까지 정보를 표시하지 않는 메뉴나 동적 페이지를 만들고자 할 때 유용합니다.
1 단계
텍스트 편집기에서 웹 페이지를 엽니다. 이것은 메모장과 같은 단순한 것이거나 메모장++ 또는 Visual Studio와 같은 고급 HTML 편집기일 수 있습니다.
오늘의 비디오
2 단계
텍스트를 배치할 페이지 섹션에 div 태그를 배치합니다. 아래 코드는 가시성 속성이 숨김으로 설정된 div 태그를 배치합니다.
3단계
div 태그 내에 일부 텍스트를 입력합니다. 테스트 목적으로 태그 내에 "My Hidden Text"를 입력하십시오. 코드는 다음과 같아야 합니다.
내 숨겨진 텍스트
4단계
파일을 저장하고 웹 브라우저에서 엽니다. 렌더링된 코드에서 볼 수 있지만 웹 브라우저에 텍스트가 표시되지 않습니다.
