Sublime/vscode – schnelle Implementierung zur Generierung von HTML-Code

Sublime/vscode – schnelle Implementierung zur Generierung von HTML-Code

Grundlegende HTML-Struktur

Eingabe !+Eingabe

<!DOCTYPE html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <meta http-equiv="X-UA-kompatibel" content="ie=edge">
    <title>Dokument</title>
</Kopf>
<Text>
    
</body>
</html>

Generieren Sie Tastenkombinationen für Div plus Klassennamen

Geben Sie div.list>div.item_$*6 ein

<div Klasse="Liste">
    <div Klasse="Artikel_1"></div>
    <div Klasse="Artikel_2"></div>
    <div Klasse="Artikel_3"></div>
    <div Klasse="Artikel_4"></div>
    <div Klasse="Artikel_5"></div>
    <div Klasse="Artikel_6"></div>
</div>

Div mit Klassennamen

Geben Sie div.wrapper ein

<div Klasse="Wrapper"></div>

div mit ID

div#Wrapper

<div id="wrapper"></div>

Eigentum[]

Spanne[Titel="Test"]

<span Titel="Test"></span>

Nachkommen>

Geben Sie div>span>a ein

<div><span><a href=""></a></span></div>

Brüder+

div+p+spanne

<div></div>
<p></p>
<span></span>

Überlegen^

div>span^i

<div><span></span></div>
<i></i>

Multiplikation*

ul>li*2

<ul>
    <li></li>
    <li></li>
</ul>

Text{}

div>span{das ist ein Test}

<div><span>das ist ein Test</span></div>

Selbstinkrementsymbol $

ul>li.list_${list $}*3

<ul>
    <li class="list_1">Liste 1</li>
    <li class="list_2">Liste 2</li>
    <li class="list_3">Liste 3</li>
</ul>

ul>li.item$@3*3 „@3“ (zeigt an, dass die Zählung bei 3 beginnt)

<ul>
    <li class="item3">Liste 1</li>
    <li class="item4">Liste 2</li>
    <li class="item5">Liste 3</li>
</ul>

Implizite Konvertierung

.Klasse

<div Klasse="Klasse"></div>

ul>.Artikel

<ul>
    <li Klasse="Artikel"></li>
</ul>

Tabelle>.Zeile>.Spalte

<Tabelle>
    <tr Klasse="Zeile">
        <td class="col"></td>
    </tr>
</Tabelle>

Dies ist das Ende dieses Artikels zum schnellen Generieren von HTML-Code in Sublime/VSCode. Weitere Informationen zum schnellen Generieren von HTML in VSCode finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

<<:  Beispielcode zum Anzeigen einer Bildlaufleiste nach dem Verkleinern der HTML-Seite

>>:  Implementierung des HTML-Gleit- und Schwebeball-Menüeffekts

Artikel empfehlen

Tutorial zum Kompilieren und Installieren von MySQL 5.7.17 aus dem Quellcode auf dem Mac

1. Herunterladen und entpacken nach: /Users/xiech...

Tipps, um zu verhindern, dass andere meine Seite als meine Webseite speichern und kopieren

Heutzutage ist das Kopieren von Websites im Intern...

Konzepte, Vorsichtsmaßnahmen und grundlegende Verwendungsmethoden für globale Vue-Filter

Inhaltsverzeichnis 1. Das Konzept des Filters 1. ...

Warum wird für die Webseitenkodierung UTF-8 statt GBK oder GB2312 verwendet?

Wenn Sie die Wahl haben, sollten Sie UTF-8 verwen...

Zusammenfassung ungewöhnlicher Operatoren und Operatoren in js

Zusammenfassung gängiger Operatoren und Operatore...

Grafisches Tutorial zur Installation der neuesten Version des MySQL-Servers unter Windows 7 64 Bit

In letzter Zeit habe ich die MySQL-Datenbank unte...

Detaillierte Erklärung zur Verwendung von MySQL-Speichertabellen und temporären Tabellen

Verwendung von MySQL-Speichertabellen und temporä...

Detaillierte Beispiele für Docker-Compose-Netzwerke

Ich habe heute mit den Netzwerkeinstellungen unte...

Webdesign-Tutorial (8): Webseitenhierarchie und Raumgestaltung

<br />Vorheriger Artikel: Webdesign-Tutorial...

Detaillierte Analyse der Verwendungs- und Anwendungsszenarien von Slots in Vue

Was sind Slots? Wir wissen, dass in Vue nichts in...

Farbverlauf für HTML-Hintergrund durch CSS erreicht

Screenshots der Effekte: Implementierungscode: Cod...

Nginx Reverse-Proxy-Konfiguration entfernt Präfix

Wenn Sie nginx als Reverse-Proxy verwenden, könne...

Sortierung der technischen Hinweise zum Linux-Kernel-Gerätetreiber-Kernel-Debugging

/****************** * Kernel-Debugging-Technologi...

Detailanalyse der MySQL-Berechtigungskontrolle

Inhaltsverzeichnis 1. Globale Ebene 2. Datenbanke...

jQuery + h5 realisiert den Spezialeffekt der Neun-Quadrate-Lotterie (Front-End- und Back-End-Code)

Vorwort: Frontend: jq+h5, um den dynamischen Neun...