Wie man ein DIV in HTML sichtbar machen
< Div >-Tag ist eine der grundlegenden Bausteine einer Website. Ein Div kann betrachtet werden als Container, wie eine Box, die alle Ihre Inhalte ordentlich und sauber, hält oder einen Ordner können Sie bestimmte Informationen in Datei. Dadurch können Sie logisch den Inhalt auf Ihrer Website bestellen und positionieren Sie es wo Sie wollen. Beim Einlegen eines Div in Ihrem HTML-Code des Inhalts werden sichtbar, aber das div-Tag selbst sind nicht sichtbar. Sichtbar zu machen erfordert die Verwendung einer kleinen Menge von CSS.
Anweisungen
Das div-Tag definieren in HTML
1 Öffnen Sie das HTML-Dokument in Ihrem bevorzugten ASCII-Texteditor. Verwenden Sie Editor, wenn Sie einen Text-Editor nicht.
2 Suchen Sie die Elemente in einem div. wickeln möchten Dies kann Text oder ein Bild sein. Der schnellste Weg, bestimmte Inhalte zu finden ist, führen Sie eine Suche mit "Strg + f"
3 Legen Sie ein Div in den Code mit dem Starttag < Div > und dem schließenden Tag < / Div >. Der Code sollte wie folgt aussehen:
< Div >
Ihre Inhalte hier
< / Div >
4 Dem Div eine Id zu geben. Die Id kann alles andere als sein, ist es am besten zu beschreibenden halten, so Sie den Code verstehen können, wenn Sie kommen, um ihn zu bearbeiten. Die Id sollte wie folgt aussehen:
< Div Id = "Wrapper" >
Das div-Tag in CSS sichtbar machen
5 Öffnen Sie das CSS-Dokument in Ihrer bevorzugten ASCII-Text-Editor. Verwenden Sie Editor, wenn Sie einen Text-Editor nicht.
6 Erstellen Sie eine neue Klasse in diesem Dokument mithilfe des folgenden Codes:
Wrapper {} }
7 Geben Sie dem Div eine Höhe und Breite, wie folgt:
Wrapper {} height:100px;
width:100px;
}
8 Machen Sie das Div sichtbar, indem wir es eine Grenze wie folgt:
Wrapper {} border:1px solid black;
}
9 Um sicherzustellen das div-Tag und seinen Inhalt sichtbar sind und keine Vererbung von Formatvorlagen aus anderen Ländern, die visible-Eigenschaft wie folgt hinzufügen:
Wrapper {} visibility: visible
}
Tipps & Warnungen
- Sie können ausblenden Ihrer Div und seinen Inhalt mit "Sichtbarkeit: versteckte".
- Ihr Div müssen Inhalte oder einer angegebenen Höhe und Breite angezeigt werden.
- Stellen Sie sicher, Ihr CSS und HTML-Dokumente sind verknüpft mit < link Rel = "Stylesheet" Type = "Text/Css" href="styles.css" / > innerhalb der < Head >-Tags.