From the course: Emmet: Fast and Efficient Web Coding

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Understanding selectors

Understanding selectors

From the course: Emmet: Fast and Efficient Web Coding

Start my 1-month free trial

Understanding selectors

- [Instructor] When we think about selectors, we usually think about CSS. But for right now, I want to talk about how you work with basic HTML elements and how we can use them as selectors in regards to Emmet. There are several ways in which we can select or create an item. The first and easiest method, is a tag selector. We simply type out the tag, for instance, h1, and then I'll hit the Tab key to expand. And you can see I get the complete h1 tag. My blinking insertion point is right in the middle of the tag, and I can go ahead and add any sort of text node to the tag. I'm going to go ahead and use a handy keyboard shortcut of Command Right Arrow to get to the end of the tag so I can go ahead and build the next item. In certain cases, you may want to create an ID. Maybe I want to create something called Main Section. All I have to do is type, "#MainSection", and when I hit Tab, it will expand out and assign the ID…

Contents