HTMLコードでテキストを非表示にする方法

著者: Randy Alexander
作成日: 28 4月 2021
更新日: 24 六月 2024
Anonim
【HTML入門】#04. 文字コードと文字化け対策
ビデオ: 【HTML入門】#04. 文字コードと文字化け対策

コンテンツ

いくつかのHTMLタグは "visibility"というプロパティを持っています。このスタイルを持つ要素はdivタグです。このタグは、Webページの特定の場所にあるテキストと画像を含むコンテナです。あなたはそれをページ上のテキストを隠すために使うことができます。テキストタグをdivタグで囲むと、それらは非表示になります。これは、ユーザーがボタンまたはリンクをクリックするまで情報を表示しないメニューまたは動的ページを作成したい場合に役立ちます。


説明書

HTMLコードでテキストを非表示にする方法 (Fotolia.comからMauro Saivezzoによる3D http画像)
  1. Webページをテキストエディタで開きます。メモ帳などの単純なテキストエディタや、メモ帳++やVisual Studioなどのより高度なHTMLエディタを使用できます。

  2. テキストを配置したいページのセクションにdivタグを配置します。以下のコードは、visibilityプロパティをhiddenに設定したdivタグを配置します。

  3. divタグ内にテキストを入力してください。テストするには、タグ内に「My Hidden Text」と入力します。あなたのコードは次のようになります。私の隠しテキスト

  4. ファイルを保存してブラウザで開きます。表示されているコードでは確認できますが、ブラウザにはテキストが表示されません。