這此的說明將補充超連結、影像標籤、DIV標籤這三種類型的建立方式。
step1.超連結建立方式
a[page1.html]{連結}step2.多個超連結
a[page1.html]{連結}*5![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSDsdCIxIMeqvREr5YDIn-woxPDcTuVHlCdgAkiL7MyCULQRORYDHdLzZYIGgOIMtTag5yuS-li1KbJoDySRPiKOvUGlHt5ljYoE-p3S4CeBHLegfJvjukznBSrqEBrDvUFZpyio1JP5k/s1600/emmet_0001_a2.jpg)
step3.超連結指定目標
a[page1.html][target]![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NQGbJL0Yk17EzX_BD2cI0ue9LIqG-OwcIskmiTrEVXARFv9ufG0_iznCGHiykxjRWx3kXMCSamR5AVsEThp2-TPG6MX22FQkECHs9TMoKrgnGvP3tD7BfKrwBCC0FFt71jrF_Bdsa88/s1600/emmet_0002_a3.jpg)
step4.影片標籤建立方式
img[src=m01.jpg]![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsTVtzFxZCu-vIJSl0quFBuQqlNoO95e9In9_pXJe2_Pn28UtRyESnKhBXpbDuKSvW3NDg03HIH3HgDCMJiUCHo76ul89V0fAUz1TfFV2PFBhWgwT2SN7C3ATBv9o44ERHNns3PPlD0M/s1600/emmet_0003_a4.jpg)
step5.段落內影像標籤建立方式
p>img[src=img/m_01.jpg]![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlknmTBTf3ZkgYz1muBK1v5_NyLv2nB96jwW8h9rZTeciLGDZ9ffzWFQxXAl6q_vEtqbRU1Ajms7veC8tdygRTLGKUWBTYLuQHGSkQaq-j8GGYs8oX8wGa5XHrdFXW-aers8ZYmsXHH98/s1600/emmet_0004_a5.jpg)
step6. DIV建立方法ID
div#wrap![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo6hlXjKsAwgNvypuIEj9VNZYO_CM7FpwCD7qAnSpsCHFbRv8ZX4KP2uc-_3mgWkmCTpggNuz3gc7ivVLhwyNpJNdT1L62QN8BOQS0IVEEmBSkyT1-BAIFsRrcgERyH5VL0sIWSe_cquY/s1600/emmet_0005_a6.jpg)
step7. DIV建立方法Class
div.wrap![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicmmee95unIa2tWkbXWx-Cu6HCfnQmC1wSWpIqydJHLkrVrIW4FHaF0UoJRhhgYOXP7UGZW9kn-99joRvDT5jeruJ4NcMIxSIK0Y8ZybVIsgbfzBsmT0bMmw_2JnVfMZmUuhTqAQxVosA/s1600/emmet_0006_a7.jpg)
延伸學習:
Sublime Text 3 教學-必要的安裝與設定教學
Sublime Text 3 教學-使用 Emmet 快速建立HTML標簽1
Sublime Text 3 教學-使用 Emmet 快速建立HTML標簽2-網頁設計教學
Sublime Text 3 教學-使用Emmet 快速建立CSS文字樣式-網頁設計教學
沒有留言:
張貼留言