HBuilderX es actualmente la herramienta de desarrollo HTML más rápida. Un potente asistente de código lo ayuda a completar rápidamente el desarrollo. La biblioteca de sintaxis más completa y los datos de compatibilidad del navegador hacen que la fragmentación del navegador ya no sea un problema. Es muy adecuado para principiantes. Aquí hay un resumen de los más comunes Las teclas de acceso directo son bienvenidas para ver la colección.
1. Teclas de acceso directo
Estas son algunas de las teclas de método abreviado más utilizadas, si domina la eficiencia doble
Ctrl + C Copiar texto
Ctrl + V Pegar texto
Ctrl + Z Retraer / volver al paso anterior
Ctrl + Y Cancelar el paso anterior
Ctrl + B Texto en negrita
Ctrl + K Dar formato al texto / hacer que el texto sea más bonito
Ctrl + T Crear un nuevo documento
Ctrl + R Usar el navegador para obtener una vista previa
Ctrl + S Guardar el archivo
Ctrl + A Seleccionar todo el texto
Ctrl + D Eliminar la línea donde está el cursor
Ctrl + L Seleccionar esta línea de texto
Ctrl + / Comentario Área seleccionada
2. Forme una estructura html básica
¡Primero cree un archivo html y luego ingrese
! + Tab
THML + enter (tecla Intro)
html> (encabezado> título> {título}) + cuerpo> {contenido} + Tabulador
El resultado se muestra en la figura:
<!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. Cualquier etiqueta + tecla Tab para crear una etiqueta normal
img + Tab 键
<img src="" alt="">
a + Tab 键
<a href=""></a>
4. Símbolos especiales
La clave de asterisco representa múltiples teclas
*
p * 5 + Tab y el resultado es el siguiente:
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
> En nombre del subconjunto
tr> td + Tab, los resultados son los siguientes:
<tr>
<td></td>
</tr>
+ Representa al hermano
a + img + Tab
<a href=""></a>
<img src="" alt="">
() representa el grupo
tr> (th + td) + Tab
<tr>
<th></th>
<td></td>
</tr>
{} Representa el texto
p> {Hola, soy Tranquility y Zhiyuan} + Tab
<p>您好，我是宁静和致远</p>
$ Representa la secuencia
p * 5> {th línea} + Tab
<p>第1行</p>
<p>第2行</p>
<p>第3行</p>
<p>第4行</p>
<p>第5行</p>```
@ Representa la posición inicial
p * 5> {línea $ @ 100} + Tab
<p>第100行</p>
<p>第101行</p>
<p>第102行</p>
<p>第103行</p>
<p>第104行</p>
p * 5> {th $ @ - line} + tecla Tab en orden inverso
<p>第5行</p>
<p>第4行</p>
<p>第3行</p>
<p>第2行</p>
<p>第1行</p>