Sublime / vscode による HTML コード生成の迅速な実装
基本的なHTML構造!+Enterを入力
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
<meta http-equiv="X-UA-compatible" content="ie=edge">
<title>ドキュメント</title>
</head>
<本文>
</本文>
</html>div とクラス名のショートカット キーを生成するdiv.list>div.item_$*6 を入力
<div class="list">
<div class="item_1"></div>
<div class="item_2"></div>
<div class="item_3"></div>
<div class="item_4"></div>
<div class="item_5"></div>
<div class="item_6"></div>
</div>クラス名を持つdivdiv.wrapperを入力 <div class="wrapper"></div> ID 付き divdiv#ラッパー <div id="ラッパー"></div> 財産[]span[title="テスト"] <span title="テスト"></span> 子孫>div>span>aと入力 <div><span><a href=""></a></span></div> ブラザーズ+div+p+span <div></div> <p></p> <span></span> 優れている^div>span^i <div><span></span></div> <i></i> 乗算*ul>li*2
<ul>
<li></li>
<li></li>
</ul>文章{}div>span{これはテストです} <div><span>これはテストです</span></div> 自己増分記号 $ul>li.list_${リスト$}*3
<ul>
<li class="list_1">リスト 1</li>
<li class="list_2">リスト 2</li>
<li class="list_3">リスト 3</li>
</ul>ul>li.item$@3*3 “@3” (カウントが3から始まることを示します)
<ul>
<li class="item3">リスト 1</li>
<li class="item4">リスト 2</li>
<li class="item5">リスト 3</li>
</ul>暗黙的な変換。クラス <div class="class"></div> ul>.アイテム
<ul>
<li class="item"></li>
</ul>表>.行>.列
<テーブル>
<tr クラス="行">
<td class="col"></td>
</tr>
</テーブル>Sublime/VSCode で HTML コードを素早く生成する方法についての記事はこれで終わりです。VSCode で HTML を素早く生成する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: HTML ページをズームアウトした後にスクロール バーを表示するためのサンプル コード
>>: HTML スライドフローティングボールメニュー効果の実装
推薦する
Vue 日付時刻ピッカーコンポーネントの使い方の詳細な説明
この記事の例では、Vue の日付時刻ピッカーコンポーネントの具体的なコードを参考までに紹介します。具...
イメージを再構築せずにDockerにポートを動的に追加する方法
操作中に Docker コンテナの公開ポートを変更または追加する必要がある場合がありますが、実行中の...
Docker で ElasticSearch と Kibana をインストールするためのサンプル コード
1. はじめにElasticsearchは現在非常に人気があり、多くの企業が利用しているため、esを...
Dockerにおけるコンテナとイメージの違いについてお話ししましょう
鏡とは何ですか？イメージは、複数のイメージ レイヤー (UnionFS および AUFS ファイル ...
Linux の GRUB ブート プログラムの暗号化の概要
目次1. GRUB暗号化とは何か2. grub暗号化手順3. grub暗号化のロック属性1. GRU...
CentOS の MySQL に MariaDB をインストールするときに発生する方法と問題
以前にインストールしたmariadbを削除する1. rpm -qa | grep mariadb を...
WeChatミニプログラムでのマップの正しい使用例
目次序文1. 準備2. 実際の戦闘2.1 ミニプログラムの権限を設定する2.2 カプセル化ツールの機...
MySQLで最新のトランザクションIDを照会する方法
前に書いた内容: ビジネス ロジックの判断を行うために、最新のトランザクション ID を表示する必要...
MySQL データベースのインストールと Navicat for MySQL の使用に関するチュートリアル
MySQL は、スウェーデンの会社 MySQL AB によって開発され、現在は Oracle が所有...
Linux の一般的なコマンド chmod を使用して、ファイルの権限 777 と 754 を変更します。
よく使用されるコマンドは次のとおりです。 chmod 777 文件或目錄例: chmod 777 /...
div要素に丸い境界線を追加する方法
以下のように表示されます。 CSSコードコンテンツをクリップボードにコピー分割{境界線: 2px 固...
シンプルなカレンダー効果を実現する JavaScript コード
この記事では、シンプルなカレンダー効果を実現するためのJavaScriptの具体的なコードを参考まで...
CocosCreatorでシューティングゲームを作る詳しい解説
目次シーン設定ゲームリソース砲塔の回転動的に生成された弾丸衝突計算効果を高めるターゲットの動き弾薬庫...
Docker の 4 つのネットワーク タイプの主な例
4 つのネットワーク タイプ:なし: コンテナのネットワーク機能を一切設定しません。--net=no...
CSS3に基づいてiPhoneを描く
結果：実装コードhtml <div class='iphone'> &l...