HBuilderX est actuellement l'outil de développement HTML le plus rapide. Un puissant assistant de code vous aide à terminer rapidement le développement. La bibliothèque de syntaxe la plus complète et les données de compatibilité des navigateurs ne font plus de problème de fragmentation du navigateur. Il convient parfaitement aux novices. Voici un résumé des plus courants. Les touches de raccourci sont les bienvenues pour regarder la collection.
1. Touches de raccourci
Voici quelques-unes des touches de raccourci les plus couramment utilisées, si vous maîtrisez le double d'efficacité
Ctrl + C Copier le texte
Ctrl + V Coller le texte
Ctrl + Z Rétracter / revenir à l'étape précédente
Ctrl + Y Annuler l'étape précédente
Ctrl + B Texte gras
Ctrl + K Formater le texte / rendre le texte plus beau
Ctrl + T Créer un nouveau document
Ctrl + R Utiliser le navigateur pour prévisualiser
Ctrl + S Enregistrer le fichier
Ctrl + A Sélectionner tout le texte
Ctrl + D Supprimer la ligne où se trouve le curseur
Ctrl + L Sélectionner cette ligne de texte
Ctrl + / Commentaire Zone sélectionnée
2. Formez une structure HTML de base
Créez d'abord un fichier html, puis entrez
! + Tab
THML + entrée (touche Entrée)
html> (head> title> {title}) + body> {content} + Tab
Le résultat est montré dans la figure:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
</body>
</html>
3. N'importe quelle étiquette + touche Tab pour créer une étiquette normale
img + Tab 键
<img src="" alt="">
a + Tab 键
<a href=""></a>
4. Symboles spéciaux
La touche astérisque représente plusieurs touches
*
p * 5 + Tab et le résultat est le suivant:
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
> Au nom du sous-ensemble
tr> td + Tab, les résultats sont les suivants:
<tr>
<td></td>
</tr>
+ Représente le frère
a + img + Tab
<a href=""></a>
<img src="" alt="">
() représente le groupe
tr> (th + td) + Tab
<tr>
<th></th>
<td></td>
</tr>
{} Représente le texte
p> {Bonjour, je suis Tranquility et Zhiyuan} + Tab
<p>您好，我是宁静和致远</p>
$ Représente la séquence
p * 5> {ème ligne} + Tab
<p>第1行</p>
<p>第2行</p>
<p>第3行</p>
<p>第4行</p>
<p>第5行</p>```
@ Représente la position de départ
p * 5> {line $ @ 100} + Tab
<p>第100行</p>
<p>第101行</p>
<p>第102行</p>
<p>第103行</p>
<p>第104行</p>
p * 5> {th $ @ - line} + ordre inverse de la touche Tab
<p>第5行</p>
<p>第4行</p>
<p>第3行</p>
<p>第2行</p>
<p>第1行</p>