Adding url into <a href=""> with Emmet

html emmet
Runtime Terror picture Runtime Terror · May 12, 2016 · Viewed 8.4k times · Source

Has Emmet a syntax for adding URL into <a href=""> tag?

E.g.:

Syntax:

a:www.google.com

Result:

<a href="www.google.com"></a>

Answer

Joe Clay picture Joe Clay · May 12, 2016

The general syntax for adding an attribute to an element in Emmet is:

element[attr=value]

So in this case, it'd be:

a[href=www.google.com]

That said, if you just do a by itself, it should automatically jump the editor cursor into the href attribute, and you can do a:link to pre-populate it with a http://. So those options might be faster/more to your tastes.

For more information, look at the Emmet Cheat Sheet - it lists all the syntax that's available.

Related questions

Sublime Text 3 - Emmet shortcut for HTML 5 not working.

I have recently downloaded sublime text 3 and installed emmet. The issue that I am having is that when I write the short code for HTML 5 and press tab, it doesn't work. This method was used in sublime text 2 and it …

Read More
Is there a quick way to delete an HTML tag pair in vscode?

For example, before: <div> <div>Titles</div> <div>Description</div> </div> After: <div>Titles</div> <div>Description</div>

Read More
Emmet expand abbreviation doesn't work in Visual Studio Code with the attributes

I am starting to use Visual Studio Code for my web projects and I cannot live without Emmet, but I have a problem when I try to expand the abbreviations in HTML tags with attributes. Just an example. If I …

Read More