HBuilderX в настоящее время является самым быстрым инструментом разработки HTML. Мощный помощник по работе с кодом поможет вам быстро завершить разработку. Самая полная библиотека синтаксиса и данные о совместимости с браузером позволяют избавиться от проблем с фрагментацией браузера. Это очень подходит для новичков. Вот краткое изложение наиболее распространенных Сочетание клавиш позволяет смотреть коллекцию.
1. Сочетания клавиш
Вот некоторые из наиболее часто используемых сочетаний клавиш, если вы освоите эффективность, дважды
Ctrl + C Копировать текст
Ctrl + V Вставить текст
Ctrl + Z
Отменить / вернуться к предыдущему шагу Ctrl + Y Отменить предыдущий шаг
Ctrl + B Текст жирным шрифтом
Ctrl + K Форматировать текст / сделать текст более красивым
Ctrl + T Создать новый документ
Ctrl + R Использовать браузер для предварительного просмотра
Ctrl + S Сохранить файл
Ctrl + A Выделить весь текст
Ctrl + D Удалить строку с курсором
Ctrl + L Выделить эту строку текста
Ctrl + / Комментарий Выбранная область
2. Сформируйте базовую структуру HTML.
Сначала создайте файл html, а затем введите
! + Tab
THML + ввод (ввод)
html> (заголовок> заголовок> {заголовок}) + body> {content} + Tab
Результат показан на рисунке:
<!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. Любая метка + клавиша Tab для создания обычной метки.
img + Tab 键
<img src="" alt="">
a + Tab 键
<a href=""></a>
4. Специальные символы
Ключ звездочки представляет несколько клавиш
*
p * 5 + Tab, и результат будет следующим:
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
> От имени подмножества
tr> td + Tab результаты следующие:
<tr>
<td></td>
</tr>
+ Представляет брата
a + img + Tab
<a href=""></a>
<img src="" alt="">
() представляет группу
tr> (th + td) + Tab
<tr>
<th></th>
<td></td>
</tr>
{} Представляет текст
p> {Hello, I am Tranquility and Zhiyuan} + Tab
<p>您好，我是宁静和致远</p>
$ Представляет последовательность
p * 5> {th line} + Tab
<p>第1行</p>
<p>第2行</p>
<p>第3行</p>
<p>第4行</p>
<p>第5行</p>```
@ Представляет начальную позицию
p * 5> {line $ @ 100} + Tab
<p>第100行</p>
<p>第101行</p>
<p>第102行</p>
<p>第103行</p>
<p>第104行</p>
p * 5> {th $ @ - line} + обратный порядок клавиши Tab
<p>第5行</p>
<p>第4行</p>
<p>第3行</p>
<p>第2行</p>
<p>第1行</p>