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
Detaillierte Erklärung der CSS-Zeilenhöhe und -Höhe
Als ich kürzlich an CSS-Schnittstellen arbeitete,...
So konfigurieren Sie Openbox für den Linux-Desktop (empfohlen)
Dieser Artikel ist Teil einer Sonderserie zu den ...
Details zum MySQL-Datentyp
Inhaltsverzeichnis 1. Numerischer Typ 1.1 Klassif...
Fünf Möglichkeiten zur Implementierung der Vererbung in js
Ausleihen von Konstruktoren Die Grundidee dieser ...
Windows Server 2012 Kein Remotedesktoplizenzserver kann eine Lizenz bereitstellen, und die Remotesitzung wird getrennt
Als ich mich heute beim internen Server des Unter...
Erläuterung der Lösung zur mobilen H5-Bildgenerierung in JavaScript
Derzeit gibt es viele Betriebsaktivitäten für öff...
Zusammenfassung gängiger Begriffe in CSS (Cascading Style Sheet)
Wenn Sie CSS verwenden, vergessen Sie nicht, DOCTY...
Ein Beispiel für die Verwendung einer MySQL-Anweisung, um die Anzahl der von verschiedenen Ganzzahlen belegten Bytes sowie deren Maximal- und Minimalwerte herauszufinden
Direkt codieren: Wählen Sie „bigint unsigned“ als...
Beispielcode für die programmgesteuerte Verarbeitung von CSS-Stilen
Vorteile eines programmatischen Ansatzes 1. Globa...
Analyse der MySQL-Absturzwiederherstellung basierend auf Redo Log und Undo Log
Inhaltsverzeichnis MySQL-Absturzwiederherstellung...
Centos erstellt ein Prozessdiagramm für den Chrony-Zeitsynchronisationsserver
Meine Umgebung: 3 centos7.5 1804 Meister 192.168....
Zusammenfassung der Vorteile der Bereitstellung von MySQL Delayed Slaves
Vorwort Die Master-Slave-Replikationsbeziehung vo...
Besser aussehende benutzerdefinierte CSS-Stile (Titel h1 h2 h3)
Rendern Häufig verwendete Stile im Blog Garden /*...
Virtuelle Maschinen zwischen VMware Workstation und vSphere migrieren (Bild und Text)
1. Ändern Sie die Hardwareversion der virtuellen ...
Iframe-Parameter mit Anweisungen und Beispielen
<iframe src=”test.jsp” Breite=”100″ Höhe=”50″ ...