HTML 코드에서 텍스트를 보이지 않게 만드는 법

작가: Randy Alexander
창조 날짜: 28 4 월 2021
업데이트 날짜: 1 십일월 2024
Anonim
스르륵 나타나는 사이드메뉴 만들기(스크립트 없이 HTML코딩강좌) input:checked(checkbox) -[HTML+CSS{코남}]
동영상: 스르륵 나타나는 사이드메뉴 만들기(스크립트 없이 HTML코딩강좌) input:checked(checkbox) -[HTML+CSS{코남}]

콘텐츠

여러 HTML 태그에는 '가시성'이라는 속성이 있습니다. 이 스타일을 가진 요소는 div 태그입니다. 이 태그는 웹 페이지의 특정 위치에 텍스트와 이미지가 포함 된 컨테이너입니다. 이를 사용하여 페이지의 텍스트를 숨길 수 있습니다. div 태그로 텍스트 블록을 둘러싸면 숨겨집니다. 이 기능은 사용자가 버튼이나 링크를 클릭 할 때까지 정보를 표시하지 않는 메뉴 나 동적 페이지를 만들려는 경우에 유용합니다.


지침

HTML 코드에서 텍스트를 보이지 않게 만드는 법 (Fotolia.com에서 마우로 Saivezzo에 의해 3D http 이미지)

  1. 텍스트 편집기에서 웹 페이지를 엽니 다. 메모장과 같은 간단한 텍스트 편집기 또는 메모장 ++ 또는 Visual Studio와 같은 고급 HTML 편집기에있을 수 있습니다.

  2. 텍스트를 배치 할 페이지의 섹션에 div 태그를 배치하십시오. 아래 코드는 visibility 속성이 hidden으로 설정된 div 태그를 배치합니다.

  3. div 태그 안에 텍스트를 입력하십시오. 테스트하려면 태그 안에 "숨겨진 텍스트"를 입력하십시오. 코드는 다음과 같아야합니다. 숨겨진 텍스트

  4. 파일을 저장하고 브라우저에서 엽니 다. 제시된 코드에서 볼 수 있지만 브라우저에는 텍스트가 표시되지 않습니다.