码迷,mamicode.com
首页 > Web开发 > 详细

网页设计:vim+emmet简单演练

时间:2018-04-17 16:58:35      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:点击   bsp   打开   inf   效果   htm   html   网页   ctrl   

打开vim后,在英文状态下,按下小写字母  i   键。

输入

html:5>h2+form>p*10

光标在行的末尾处,在英文状态下,同时按下ctrl + y  (control 键和y键),然后立即松手,等一秒钟,再按下  ,  键。

技术分享图片

<h2>网络书城演示</h2>

技术分享图片

输入

{帐号:}input[type=text name=userid size=16] 

技术分享图片

光标在  

{帐号:}input[type=text name=userid size=16]的末尾处,
在英文状态下,同时按下ctrl + y  (control 键和y键),然后立即松手,等一秒钟,再按下  ,  键。

技术分享图片

输入

{密码:}input[type=password name pass size=16]

技术分享图片

光标在  

{密码:}input[type=password name pass size=16]的末尾处,
在英文状态下,同时按下ctrl + y  (control 键和y键),然后立即松手,等一秒钟,再按下  ,  键。

技术分享图片

点击,保存窗口,将文件另存为   test.html
用浏览器打开的效果如下

技术分享图片



网页设计:vim+emmet简单演练

标签:点击   bsp   打开   inf   效果   htm   html   网页   ctrl   

原文地址:https://www.cnblogs.com/tutorial/p/8867139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!