Was bedeutet div? So verwenden Sie div-Tags in HTML und CSS

云罗郡主
Freigeben: 2018-11-02 15:47:03
Original
40634 Leute haben es durchsucht

Was ist div? Was bedeutet div? Wie verwende ich div-Tags? Ich glaube, dass viele Anfänger dieses Problem haben werden, wenn sie lernen, wie man div-Tags in HTML und CSS verwendet. [Empfohlenes Lernen: Html5-Tutorial]

Was bedeutet div? So verwenden Sie div-Tags in HTML und CSS

1: Was bedeutet div?

div ist ein Stylesheet In der Positionierungstechnologie ist der vollständige Name von div auch „layer“ genannt. In HTML hat div nur die formale Zusammensetzung dieser Attribute.

2: So verwenden Sie div-Tags in HTML und CSS

1 Um div zu verwenden, müssen Sie zunächst Notepad öffnen und die grundlegende HTML-Struktur eingeben Fügen Sie einen internen HTML-Betreff hinzu.

2. Platzieren Sie das

-Tag innerhalb des Body-Tags. Sie müssen bedenken, dass div ein Container-Tag ist, daher muss ein
folgen, z Verwenden Sie das div-Tag in
.

3. Geben Sie dem

eine ID und legen Sie dessen Höhe, Breite, Hintergrundfarbe usw. fest. Sie können mit # eine ID für Ihr
erstellen oder einfach das Div schreiben und seine Höhe, Breite usw. festlegen. Wenn Sie jedoch viele Divs haben, ist es besser, eine ID zu verwenden.

4. Wir können das Tag einfügen, etwas Text schreiben und es dann mit schließen. Das Span-Tag wird normalerweise verwendet, um einen Teil einer Zeile auszuwählen und bestimmte Eigenschaften darauf anzuwenden. Sie können damit jedoch weitere Aktionen auswählen.

Codebeispiel:

<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
<style>
</style>
</head> 
<body> 
 <div>
 <p>标题</p>
 <span>
 内容
 </span>
 </div>
</body> 
</html>
Nach dem Login kopieren

Was bedeutet das Obige für div? Eine vollständige Einführung in die Verwendung von div-Tags in HTML und CSS. Wenn Sie mehr über das HTML-Online-Handbuch erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonWas bedeutet div? So verwenden Sie div-Tags in HTML und CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage