Sublime/vscode – schnelle Implementierung zur Generierung von HTML-Code
Grundlegende HTML-StrukturEingabe !+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 KlassennamenGeben 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 KlassennamenGeben Sie div.wrapper ein <div Klasse="Wrapper"></div> div mit IDdiv#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
Detailliertes Installationstutorial zur dekomprimierten Version von mysql5.7.19 (mit rein geknackter chinesischer Version von SQLYog)
Die Version Mysql5.7.19 ist eine neue Version, di...
Detaillierte Erläuterung der Ein- und Ausgabeverwaltung des Linux-Systems und der allgemeinen Funktionen von vim
####Verwaltung der Ein- und Ausgaben im System###...
Tutorial zur Installation und Konfiguration von MySQL Workbench unter CentOS
In diesem Artikel finden Sie das Installations- u...
Detaillierte Erklärung der Verwendung und Unterschiede von MySQL-Ansichten und -Indizes
MySQL-Ansichten Einfach ausgedrückt ist eine MySQ...
Detaillierte Anwendung des dynamischen Vue-Formulars
Überblick Es gibt viele Formularanforderungen im ...
Tutorial-Analyse der Schnellinstallation von mysql5.7 basierend auf centos7
eins. wget https://dev.mysql.com/get/mysql57-comm...
So implementieren Sie das mobile Anmelde- und Registrierungsmodul elegant in vue3
Inhaltsverzeichnis Vorwort Eingabefeldkomponente ...
So installieren Sie eine virtuelle Maschine mit Windows-Diensten auf dem Mac
1. Laden Sie die virtuelle Maschine herunter Offi...
Analyse und Lösung des Grundes, warum das Frameset-Tag in HTML nicht normal angezeigt werden kann
<frameset></frameset> ist jedem bekann...
Warum wird nicht empfohlen, in Vue eine leere Zeichenfolge als Klassennamen zu verwenden?
Inhaltsverzeichnis Vergleichen Sie die leere Zeic...
jQuery erzielt einen Bildlaufwiedergabeeffekt auf großem Bildschirm
In diesem Artikel wird der spezifische Code von j...
Konfigurationsmethode für die SystemC-Umgebung unter Linux
Das Folgende ist die Konfigurationsmethode unter ...
Erläuterung der neuen Funktion von Hadoop 2.X, der Papierkorbfunktion
Durch Aktivieren der Papierkorbfunktion können Si...
Responsive Layout-Zusammenfassung (empfohlen)
Grundkenntnisse der responsiven Layoutentwicklung...
Was ist ein MySQL-Index? Fragen Sie, wenn Sie es nicht verstehen
Inhaltsverzeichnis Überblick Vom Binärbaum zum B+...