Hbuilder中编辑HTML的一些常用快捷方式,值得学习,推荐。

1、快速生成头文件:html:5 按Tab




	
	
		
	Document

	


2、引入样式文件:link: 按enter或Tab


			
		**引入js文件:script:src 按Tab**
			

3、输入标签名自动补齐 如:p 按 Tab

4、随机英文文本的输入

Lorem随机生成一段文本,默认30个单词

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio eius dolores enim accusantium modi atque minima libero harum animi nisi consequatur mollitia quis unde ut nesciunt ex ad a quidem.

Lorem10生成是个单词

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis asperiores!

Lorem*10生成十行

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis harum suscipit natus deleniti praesentium facilis quia qui modi cum nostrum veniam ullam nihil officia repellat accusamus maiores nisi pariatur et.
Culpa vitae voluptatem sapiente facere reiciendis quam consequuntur illum ipsa dolorum a accusamus dolorem repudiandae dignissimos laborum aperiam maiores fugit quaerat exercitationem quidem porro corrupti veniam vero quas eaque maxime!
Eaque hic et voluptatum temporibus eius recusandae sit reprehenderit! Iste voluptate pariatur officia asperiores facilis porro unde molestias ex et id earum eligendi ratione corporis exercitationem velit minus saepe aliquam.
Ab accusantium laboriosam aspernatur deleniti enim quaerat ducimus consequuntur cum delectus dolorem incidunt id nihil. Natus unde amet nam non asperiores odit perspiciatis atque ratione similique provident ut veritatis dolores.
Sapiente dolores molestias iure sit quo quisquam tenetur commodi placeat veniam temporibus ab animi sed praesentium unde et! Et eaque nostrum cum provident expedita maiores mollitia aspernatur odit cupiditate saepe.
Non esse mollitia consequatur similique animi id quo nobis nam nisi ab quod atque saepe modi nostrum maxime veniam quidem eum repellendus pariatur officia. Fugit cupiditate ratione eveniet perspiciatis tempora?
Molestias rem necessitatibus nam at distinctio non perferendis quia dolore. Error libero odit repellat dolore labore velit numquam reprehenderit quibusdam tempora non? Veniam sunt in inventore dolor illo dignissimos iste.
Quia porro ipsum quod est odit necessitatibus amet consequuntur recusandae perspiciatis nihil commodi quidem nesciunt ea cupiditate quas eligendi enim dicta libero harum ipsam atque aut alias qui corrupti pariatur!
Vero placeat tenetur nam magnam ad porro facilis quis reiciendis repellat ipsa minus commodi mollitia necessitatibus aperiam accusamus cumque illum tempora odit reprehenderit qui quas inventore quasi in quaerat a.
Sequi minus labore velit ut fuga similique architecto. Dolor sed repudiandae neque nam optio odit autem natus voluptas ea libero pariatur quia asperiores sint molestias aspernatur beatae corporis? Ut magni.

Lorem10*10生成十行每行十个单词

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto id.
Cum consequatur dignissimos facilis quas alias quia quis aliquam ex.
Eaque odio quia provident consequatur delectus rem debitis laborum. Dolorum!
Atque soluta odit impedit ut in nesciunt magnam alias! Minus.
Velit laboriosam totam doloremque pariatur numquam soluta quam temporibus eveniet.
Eveniet impedit nam illo laboriosam iusto perspiciatis distinctio rerum vero!
Recusandae inventore beatae sequi ea aut accusamus vero consequuntur optio!
Quibusdam illo suscipit quisquam deleniti reiciendis error quae totam aliquam.
Mollitia numquam voluptatibus dolorem. Omnis facilis amet neque culpa quidem.
Maxime tempora voluptas at aliquid dolores id quasi laboriosam error.

5、使用"#“输入id,”.“输入class,”[]"输入属性,{}输入数据内容

 div#id.class[alt=属性]{数据}
 
输入数据内容

6、使用">“输入嵌套标签,”+" 输入并列的兄弟标签,"^"上级元素

div>ul+ul^div
	
      div>div#div>p^h1

      7、使用()对标签分组并生成多个标签

      (div>div#id.class)(div>div#id.class)
      	

      8、自增符号$

      自增符号$
      	ul>li*3>[alt=$.img]
      	  
      ul>li*3>img[src=$.img][alt=img$]
      • img1
      • img2
      • img3
      ul>li*3>img[src=$$img][alt=img$$$]
      • img001
      • img002
      • img003

      你可能感兴趣的:(Hbuilder中编辑HTML的一些常用快捷方式,值得学习,推荐。)