说一个Sublime Text 2插件、emmet（原名：zen Coding)_html/css

首頁

web前端

html教學

说一个Sublime Text 2插件、emmet（原名：zen Coding)_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:48 AM

工具/原料

sublime Text 2

安装emmet插件

方法/步骤

生成html文档初始结构：

!




Document

html:5




Document

html:xs




Document

html:4s




Document
生成带有id,class的标签：

Emmet默认标签是div

#id



p#id



h1#id



span#id



.class



p.class



h1.class



span.class



输入多个class 添加两个.class1.class2

.class1.class2
语法：

语法：

>：生成后辈

div>span>p>h1











+：生成同辈

div+span+p+h1

^：生产叔辈

div>span>p^h1









*：生成重复多分

ul>li*3
（）：生成分组

ul>(li.li_1*3)+(li.li_2*3)
[attr]:生成属性

a[href=index.html title=index]

input[type=button]

input[type=submit name=submit]

$：生成编号 $的个数就是数字的个数 @指定开始的数字 @?倒序

ul>li.li_$*3
ul>li.li_$@0*3，
ul>li.li_$@-*3
{}:生成内容

p{$}*3

1

2

3

a[href=index.html]{click}+a[href=test.html]{mouseover}

click

mouseover

高级：

Lorem*: 生成测试文本，*表示0-无限个默认30个单词

p>lorem2

Lorem ipsum.

p>lorem4

Lorem ipsum dolor sit.

p>lorem6

Lorem ipsum dolor sit amet, consectetur.

p>lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, delectus nostrum pariatur accusamus necessitatibus maiores ut natus id sit ab vel assumenda ratione harum quas adipisci eveniet temporibus praesentium ducimus!

套接作用
全选后，ctrl+shirt+g,输入div.demo1>h1{test1}+div.test2
test1
文本转换成html标签

1.小学生

2.中学生

3.大学生

4.研究生

5.博士生

全选后：Ctrl+shift+g 输入:ul>li*>a
- 1.小学生
- 2.中学生
- 3.大学生
- 4.研究生
- 5.博士生
去除所有序号

ul>li*>a|t
- 小学生
- 中学生
- 大学生
- 研究生
- 博士生

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

HTML的角色：構建Web內容Apr 11, 2025 am 12:12 AM

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容，使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTML和代碼：仔細觀察術語Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML，CSS和JavaScript：Web開發人員的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構，使用標籤如、等。 2.CSS控製網頁樣式，使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互，通過事件監聽和DOM操作。

HTML，CSS和JavaScript的角色：核心職責Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

HTML容易為初學者學習嗎？Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML中起始標籤的示例是什麼？Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。