HTML快捷键

本文主要是介绍HTML快捷键，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.在body内输入div.abc按下tab键

效果：<div class="abc"></div>

 

2.在body内输入div#abc按下tab键

效果：<div id="abc"></div>

 

3.在body内输入ul>li{小花}*3按下tab键

效果：<ul>

                 <li>小花</li>

                 <li>小花</li>

                 <li>小花</li>

         </ul>

 

4.在body内输入div>a[href='#']{小花}*3按下tab键

效果：<div>

                 <a href="#">小花</a>

                 <a href="#">小花</a>

                 <a href="#">小花</a>

        </div>

 

5.在body内输入select>option{$}*5按下tab键

效果：<select name="" id="">

                 <option value="">1</option>

                 <option value="">2</option>

                 <option value="">3</option>

                 <option value="">4</option>

                 <option value="">5</option>

          </select>   

 

6.在body内输入select>option[value='花香']{$}*5>a[href='#']{小花}按下tab键

效果：<select name="" id="">

                 <option value="花香">1<a href="#">小花</a></option>

                 <option value="花香">2<a href="#">小花</a></option>

                 <option value="花香">3<a href="#">小花</a></option>

                 <option value="花香">4<a href="#">小花</a></option>

                 <option value="花香">5<a href="#">小花</a></option>

        </select>      

属性值用[ ]填充，文本内容用{ }填充，*数字：代表生成的元素个数

这篇关于HTML快捷键的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！