Emmet安装及常用手册( 三 ) _phpstorm

<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
.
输入   h$[title=item$]{Header $}*3
生当作：
<h1 title="item1">Header 1</h1>
<h2 title="item2">Header 2</h2>
<h3 title="item3">Header 3</h3>
.
（备注：记住上面的就足够用了，后面其实记不住也没需要强求本身，原本是好玩的工作，何须那么较真呢?）
输入   ul>li.item$$$*5
生当作：
<ul>
<li class="item001"></li>
<li class="item002"></li>
<li class="item003"></li>
<li class="item004"></li>
<li class="item005"></li>
</ul>
.
输入   ul>li.item$@-*5
生当作：
<ul>
<li class="item5"></li>
<li class="item4"></li>
<li class="item3"></li>
<li class="item2"></li>
<li class="item1"></li>
</ul>
.
输入   ul>li.item$@3*5
生当作：
<ul>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
<li class="item6"></li>
<li class="item7"></li>
</ul>

5页面body常用标签。都是常用的单个标签，记住标签就可以完全把握了，不外仍是需要多操练。
输入 a
生当作：<a href=https://vvvtt.com/article/"">
输入 a:link
生当作：<a href=https://vvvtt.com/article/"http://">
无故删我原创，无故删我原创，请清空我的经验，我需要全数删除经验，退出百度经验
注重：这个在notepad++对中文撑持欠好，上面按tab无法显示，英文可以。在phpstorm中可以完美显示，后面有中文输入的标签同样。
输入 br
生当作：<br>
输入 hr
生当作：<hr>
输入 str
生当作：<strong></strong>
.
输入 img
生当作：<img src=https://vvvtt.com/article/"" >
输入 video
生当作：<video src=https://vvvtt.com/article/"">
输入 audio
生当作：<audio src=https://vvvtt.com/article/"">
输入 iframe
生当作：<iframe src=https://vvvtt.com/article/"" frameborder="0">
.
输入   menu:c
生当作：<menu type="context"></menu>
输入   menu:t
生当作：<menu type="toolbar"></menu>
.
输入   hdr
生当作：<header></header>
输入   ftr
生当作：<footer></footer>

6页面from常用标签。
表单是进阶过程中城市用到的，有时辰感觉它们很繁琐，其实它们真的很简单和神奇，一个简单的代码就可以实现一个交互的结果，当作为用户与网站沟通的桥梁。请死记硬背住下面的标签就OK了，天天睡觉之前回忆下今天看的教程标签！
若是你能天天睡觉之前，回首下今天发生的工作，就像曾国藩每晚默坐反思一天无故删我原创，无故删我原创，请清空我的经验，我需要全数删除经验，退出百度经验

Emmet安装及常用手册( 三 )

猜你喜欢