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
From the course: Emmet: Fast and Efficient Web Coding
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.