From 71a434eacc6c41ddd8709458f75ea35e5dd2e179 Mon Sep 17 00:00:00 2001 From: Youssef Date: Mon, 12 Aug 2024 23:22:22 +0000 Subject: [PATCH 1/2] Lists: Add guide text on using Emmett for efficient list creation Added a section on using Emmett abbreviations for efficient list creation. Included a reminder that Emmett abbreviations will be covered in depth later in the curriculum, and there is no immediate requirement to master them now. This aims to help users speed up their HTML workflow with Emmett. --- foundations/html_css/html-foundations/lists.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/foundations/html_css/html-foundations/lists.md b/foundations/html_css/html-foundations/lists.md index d5a218384de..c1507504463 100644 --- a/foundations/html_css/html-foundations/lists.md +++ b/foundations/html_css/html-foundations/lists.md @@ -45,6 +45,17 @@ Ordered lists are created using the `
    ` element. Each individual item in them +### Quick Tip +Imagine if you have multiple lists to type; you might find yourself typing `
  1. ` repeatedly, or you might type it once and *copy/paste* it until you're done. However, there is a more efficient way using **Emmet Abbreviation**, something you might have already experienced with the `!` character to quickly generate the full html boilerplate. + +Now, we will show you how to use Emmet to create lists more efficiently. Imagine you need to write an unordered list with 11 items. To do this using Emmet, simply type `ul>li*11` and hit `Enter` or `Tab`. + +`ul>li*11` tells Emmet to create an unordered list `