What is an HTML
    tag?

This is a recommends products dialog
Top Suggestions
Starting at
View All >
Language
French
English
ไทย
German
繁體中文
Country
Hi
All
Sign In / Create Account
language Selector,${0} is Selected
Join & Shop in Lenovo Pro
Register at Education Store
Pro Tier Benefits
• Save up to an extra 5% on Think everyday pricing
• Purchase up to 10 systems per order (5 more than Lenovo.com)
• Spend $10K, advance to Plus Tier with increased benefits
Plus Tier Benefits
• Save up to an extra 6% on Think everyday pricing
• Purchase up to 25 systems per order (20 more than Lenovo.com)
• Spend $50K, advance for free to Elite Tier with increased benefits
• Take advantage of flexible payment options with TruScale Device as a Service. Learn More >
Elite Tier Benefits
• Save up to an extra 7% on Think everyday pricing
• Purchase up to 50 systems per order (45 more than Lenovo.com)
• Take advantage of flexible payment options with TruScale Device as a Service. Learn More >
Partner Benefits
• Access to Lenovo's full product portfolio
• Configure and Purchase at prices better than Lenovo.com
View All Details >
more to reach
PRO Plus
PRO Elite
Congratulations, you have reached Elite Status!
Pro for Business
Delete icon Remove icon Add icon Reload icon
TEMPORARILY UNAVAILABLE
DISCONTINUED
Temporary Unavailable
Cooming Soon!
. Additional units will be charged at the non-eCoupon price. Purchase additional now
We're sorry, the maximum quantity you are able to buy at this amazing eCoupon price is
Sign in or Create an Account to Save Your Cart!
Sign in or Create an Account to Join Rewards
View Cart
Your cart is empty! Don’t miss out on the latest products and savings — find your next favorite laptop, PC, or accessory today.
Remove
item(s) in cart
Some items in your cart are no longer available. Please visit cart for more details.
has been deleted
Please review your cart as items have changed.
of
Contains Add-ons
Subtotal
Proceed to checkout
Yes
No
Popular Searches
What are you looking for today ?
Quick Links
Recent Searches
Hamburger Menu
skip to main content
{"arrowColor":"","backgroundColor":"#e6f4fa","divideColor":"#DBDBDB","sideMsg":"","data":[{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagecb8ff87b-1b2d-40aa-9187-88a55942e760","language":{"fr_ca":"","en_ca":"%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fp%3E%3Cp%3E%3Cstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fp%3E%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3EBlack%20Friday%20in%20July!%20%3C%2Fstrong%3ESave%20up%20to%20%7BsavingPercent%7D%20on%20laptops%20%26amp%3B%20accessories!%20Plus%2C%20extra%20savings%20the%20more%20you%20buy.%26nbsp%3B%3Ca%20href%3D%22%2Fd%2Fdeals%2Fdoorbusters%2F%3FIPromoID%3DLEN944203%22%20target%3D%22_self%22%3E%3Cstrong%3EShop%20Now%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","en":"%3Cp%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fspan%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3EBlack%20Friday%20in%20July!%26nbsp%3B%3C%2Fstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3ESave%20up%20to%20%7BsavingPercent%7D%20on%20laptops%20%26amp%3B%20accessories!%20Plus%2C%20extra%20savings%20the%20more%20you%20buy.%3C%2Fspan%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22https%3A%2F%2Fadmin.lenovo.com%2Fd%2Fdeals%2Fdoorbusters%2F%3FIPromoID%3DLEN944203%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3EShop%20Now%3C%2Fstrong%3E%3C%2Fa%3E%3Ca%20href%3D%22https%3A%2F%2Fadmin.lenovo.com%2Fd%2Fdeals%2Fdoorbusters%2F%3FIPromoID%3DLEN944203%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Ca%20href%3D%22%2Fd%2Fdeals%2Fdoorbusters%2F%3FIPromoID%3DLEN944203%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Ca%20href%3D%22%2Fd%2Fdeals%2Flenovo-sale%2F%3FIPromoID%3DLEN944203%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Ca%20href%3D%22%2Fd%2Fdeals%2Fdoorbusters%2F%3FIPromoID%3DLEN944203%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Ca%20href%3D%22%2Fd%2Fdeals%2Fbusiness%2F%3FIPromoID%3DLEN944203%22%20target%3D%22_self%22%20textvalue%3D%22Shop%20Now%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fspan%3E%3C%2Fp%3E","fr":""},"id":"Pagecb8ff87b-1b2d-40aa-9187-88a55942e760"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Paged60958cb-4182-4a7d-a025-ddb7caf3e83b","language":{"fr_ca":"","en_ca":"%3Cp%3E%3Cstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fspan%3E%3C%2Fstrong%3E%3Cstrong%3EShopping%20for%20a%20business%3F%3C%2Fstrong%3E%20New%20Lenovo%20Pro%20members%20get%20%24100%20off%20first%20order%20of%20%241%2C000%2B%2C%20exclusive%20savings%20%26amp%3B%201%3A1%20tech%20support.%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%3Ca%20href%3D%22%2Fbusiness%2Fbenefits%2F%3FIPromoID%3DLEN818484%22%20target%3D%22_self%22%3E%3Cstrong%3ELearn%20More%20%26gt%3B%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fspan%3E%3C%2Fp%3E","en":"%3Cp%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3EShopping%20for%20a%20business%3F%3C%2Fstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3BNew%20Lenovo%20Pro%20members%20get%20%24100%20off%20first%20order%20of%20%241%2C000%2B%2C%20exclusive%20savings%20%26amp%3B%201%3A1%20tech%20support.%3C%2Fspan%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%3Ca%20href%3D%22%2Fbusiness%2Fbenefits%2F%3FIPromoID%3DLEN818484%22%20target%3D%22_self%22%20textvalue%3D%22Learn%20More%20%26gt%3B%22%3E%3Cstrong%3ELearn%20More%20%26gt%3B%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fspan%3E%3C%2Fp%3E","fr":""},"id":"Paged60958cb-4182-4a7d-a025-ddb7caf3e83b"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page6b7cdb3a-97e1-4005-ba1d-ae703bf128c4","language":{"fr_ca":"","en_ca":"%3Cp%3E%3Cstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fspan%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3EMy%20Lenovo%20Rewards!%26nbsp%3B%3C%2Fstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3EJoin%20for%20free%20or%20sign%20in%20to%20your%20account%20and%20earn%202X%20Rewards%20sitewide%26nbsp%3B%20(that%26%2339%3Bs%206%25%20back).%20Hurry%2C%20ends%207%2F14.%3C%2Fspan%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22%2Frewards%2F%3FIPromoID%3DLEN775755%22%20target%3D%22_self%22%3E%3Cstrong%3EJoin%20For%20Free%20%26gt%3B%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","en":"%3Cp%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3EMy%20Lenovo%20Rewards!%26nbsp%3B%3C%2Fstrong%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3EJoin%20for%20free%20or%20sign%20in%20to%20your%20account%20and%20earn%202X%20Rewards%20sitewide%26nbsp%3B%20(that%26%2339%3Bs%206%25%20back).%20Hurry%2C%20ends%207%2F14.%3C%2Fspan%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22https%3A%2F%2Fadmin.lenovo.com%2Frewards%2F%3FIPromoID%3DLEN775755%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3EJoin%20For%20Free%20%26gt%3B%3C%2Fstrong%3E%3C%2Fa%3E%3Ca%20href%3D%22https%3A%2F%2Fadmin.lenovo.com%2Frewards%2F%3FIPromoID%3DLEN775755%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Ca%20href%3D%22%2Frewards%2F%3FIPromoID%3DLEN775755%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","fr":""},"id":"Page6b7cdb3a-97e1-4005-ba1d-ae703bf128c4"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page4219512a-1af1-4d7f-ae51-b750ad6ac64d","language":{"fr_ca":"","en_ca":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3EBusiness%20Financing%20Available.%20Split%20payments%20from%204%20to%2052%20weeks%2C%20options%20as%20low%20as%200%25%20interest.%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22%2Flandingpage%2Flenovo-financing-options%2F%3FIPromoID%3DLEN771093%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3ESee%20Details%20%26gt%3B%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","en":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3EBusiness%20Financing%20Available.%20Split%20payments%20from%204%20to%2052%20weeks%2C%20options%20as%20low%20as%200%25%20interest.%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22%2Flandingpage%2Flenovo-financing-options%2F%3FIPromoID%3DLEN771093%22%20target%3D%22_self%22%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cstrong%3ESee%20Details%20%26gt%3B%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","fr":""},"id":"Page4219512a-1af1-4d7f-ae51-b750ad6ac64d"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page9ea6fdf5-30ad-46cb-9dd9-38945ca29588","language":{"fr_ca":"","en_ca":"%3Cp%3EFree%20shipping%20sitewide%2C%20no%20minimum.%3C%2Fp%3E","en":"%3Cp%3EFree%20shipping%20sitewide%2C%20no%20minimum.%3C%2Fp%3E","fr":""},"id":"Page9ea6fdf5-30ad-46cb-9dd9-38945ca29588"},"gInfo":""}],"autoRun":true,"displayTerminal":"pc","isShowDivide":true}

What is an HTML <ol> tag?

The HTML <ol> tag is used to define an ordered list in a web page. It stands for "ordered list" and is often paired with <li> (list item) tags. This tag is handy when you want to present information in a sequential or numbered format. For example, you might use it to enumerate steps in a tutorial or highlight the chronological order of events.

How does the <ol> tag differ from the <ul> tag?

While both the <ol> and <ul> tags are used for creating lists, the key difference lies in their order. The <ol> tag generates a numbered list, indicating a specific sequence, while the <ul> tag creates an unordered list, typically represented by bullet points. So, when you want to emphasize a particular order or hierarchy, <ol> is your go-to.

Can I customize the numbering style of an ordered list?

Yes, the <ol> tag provides attributes like "type" and "start" that allow you to tweak the numbering style. The "type" attribute lets you choose between different types of numbering, such as numbers (default), uppercase letters, lowercase letters, uppercase Roman numerals, and lowercase Roman numerals. Additionally, the "start" attribute enables you to specify the starting value for the first item in the list.

How do I create a nested list within an ordered list?

Creating a nested list within an ordered list is a breeze. Simply use the <ol> tag for the outer list and nest <ol> or <ul> tags within the <li> (list item) tags of the outer list. This hierarchical structure allows you to organize information in a clear and structured manner. For example, you might use a nested list to outline subtasks within a larger project.

What happens if I forget to close the <ol> tag?

Forgetting to close the <ol> tag can lead to unpredictable and undesirable results in your HTML document. Proper HTML syntax requires opening and closing tags to encapsulate content. If you omit the closing tag, the browser might misinterpret your code, causing formatting issues or rendering the page incorrectly. Always ensure that every <ol> tag has a corresponding </ol> tag to maintain the integrity of your HTML.

Can I use other tags inside the <ol> tag?

Yes, the <ol> tag can contain various other hypertext markup language (HTML) tags within its <li> (list item) elements. You have the flexibility to include text, images, links, and even nested lists. This versatility allows you to create rich and informative content within your ordered lists. Experiment with different elements to enhance the visual appeal and functionality of your lists.

How can I add attributes to individual list items?

To add attributes to individual list items, you can make use of the <li> (list item) tag. This tag supports attributes like "value" and "type" for customization. The "value" attribute allows you to specify a numerical value for a particular list item, affecting the numbering sequence. Meanwhile, the "type" attribute permits you to define a different numbering style for a specific list item within the ordered list.

What is the significance of the <start> attribute in the <ol> tag?

It seems there might be a slight confusion here. The correct attribute is "start" instead of "start." The "start" attribute in the <ol> tag enables you to set the initial value for the numbering sequence. For instance, if you want the list to start from 5 instead of the default 1, you can use start="5" within the opening <ol> tag.

How can I create a reverse-ordered list using HTML?

Creating a reverse-ordered list is straightforward with the <ol> tag. Simply utilize the "reversed" attribute within the <ol> tag to reverse the numbering sequence. This attribute ensures that the list items are numbered in descending order, providing an easy way to present information from highest to lowest or in a countdown format.

Does the <ol> tag impact the styling of the numbers?

The styling of the numbers in an ordered list can be influenced by the browser's default styles. However, you have the flexibility to override these styles using cascading style sheets (CSS). By applying custom styles to the <ol> tag or its associated CSS class, you can control aspects like font size, color, and spacing of the numbers. This allows you to align the appearance of your ordered list with the overall design of your web page.

How can I create a multi-column ordered list in HTML?

Creating a multi-column ordered list involves combining the <ol> tag with cascading style sheets (CSS) for column layout. You can use the CSS "columns" property to specify the number of columns you desire. Apply this property to the <ol> tag or its parent container to achieve the desired layout. This technique is particularly useful when you want to conserve vertical space and present your ordered list in a more compact, horizontal format.

Can I use JavaScript with the <ol> tag to dynamically update the list?

Yes, JavaScript can be employed to dynamically update the content of an ordered list. By manipulating the document object model (DOM), you can add, remove, or modify list items based on user interactions or other events. This dynamic behavior enhances the interactivity of your web page and allows you to create more responsive and engaging user experiences.

How does the <start> attribute differ from the CSS counter property?

The <start> attribute in the <ol> tag and the cascading style sheets (CSS) counter property serve similar purposes, allowing you to set the starting value for a numbering sequence. However, there are key differences. The <start> attribute is specific to the <ol> tag and is applied directly in the hypertext markup language (HTML), while the CSS counter property provides a more versatile approach, allowing you to apply custom counters to various elements using CSS rules.

What are some best practices for using the <ol> tag in HTML?

When working with the <ol> tag, it's essential to follow best practices for optimal results. Always pair the <ol> tag with <li> tags to define list items. Maintain proper indentation for readability in your hypertext markup language (HTML) code. Use attributes like "type," "start," and "value" judiciously to customize the list's appearance. Lastly, consider the overall design of your web page to ensure that the ordered list seamlessly integrates with the visual aesthetics.

Can I apply specific styles to odd or even list items within an ordered list?

Yes, you can leverage the powerful ":nth-child" pseudo-class in CSS to target and style specific list items within an ordered list. For example, ":nth-child(odd)" allows you to style every odd-numbered item, while ":nth-child(even)" targets even-numbered items. This opens creative possibilities for alternating background colors, fonts, or other visual enhancements to make your ordered list more visually appealing.

How can I create a horizontal ordered list in HTML?

To craft a horizontal ordered list, you can employ cascading style sheets (CSS) styling to change the default vertical layout. Set the "display" property of the <ol> tag or its parent container to "flex" or "inline-flex" and customize the styling accordingly. This transforms the ordered list into a horizontal arrangement, which is particularly useful when you want to conserve space or align with a specific design preference.

How can I create a responsive ordered list for different screen sizes?

Creating a responsive ordered list involves using media queries in cascading style sheets (CSS) to adjust styling based on the device's screen size. By setting appropriate styles for various screen widths, you can ensure that your ordered list adapts seamlessly to different devices, such as desktops, tablets, and smartphones. This approach enhances the overall user experience by optimizing the presentation of your ordered list across diverse platforms.

{"pageComponentDataId":"c6016cday5451-43d6-9d34-e558a08d2b76","isAssociatedRelease":"true","pageComponentDataLangCode":"en","configData":{"jumpType":"currentTab","headlineColor":"black","displayNumber":"","styleMode":"vertical","headline":"","products":[{"number":{"t_id":"4XD1C99223","language":{"fr_ca":"","en_ca":"4XD1C99223","en_us":"","en":"4XD1C99223","fr":""},"id":"Paged364d785-5b43-46f3-897f-cfc1f2886cc5"}},{"number":{"t_id":"GX30Z21568","language":{"fr_ca":"","en_ca":"GX30Z21568","en_us":"","en":"GX30Z21568","fr":""},"id":"Page8a92c658-e187-4221-a70b-abfeb5c40052"}},{"number":{"t_id":"GX41L44752","language":{"fr_ca":"","en_ca":"GX41L44752","en_us":"","en":"GX41L44752","fr":""},"id":"Page3c3ca4cb-191e-42d6-b6bf-2a17188dcd34"}},{"number":{"t_id":"GY51F14319","language":{"fr_ca":"","en_ca":"GY51F14319","en_us":"","en":"GY51F14319","fr":""},"id":"Page9aad6b00-44a5-4f35-91db-6509e57b5f2f"}},{"number":{"t_id":"4Z91K18761","language":{"fr_ca":"","en_ca":"4Z91K18761","en_us":"","en":"4Z91K18761","fr":""},"id":"Page8d533231-87a4-40f2-9a1c-5e922f32affc"}}]},"urlPrefix":"AAAAAAAFAAAH","needGetLatestTransDataKey":"needGetLatestTransDataValue","title":"glossary-right-blue-boxes-fragment","pageId":"ed8ce94b-788f-4a56-a348-d72df37718b3","urlEdit":0,"uri":"/FragmentDirectory/gloccery/glossary-right-blue-boxes-fragment.frag","pageComponentId":"c6016cday5451-43d6-9d34-e558a08d2b76","tplId":"e60a662e-c1b6-4ba3-afa9-6f6977b562f8","pageComponentUuid":"c6016cday5451-43d6-9d34-e558a08d2b76","targetUser":"0"}
coming coming
Starting at
List Price
Est Value
Est Value:
List Price
Est Value (Estimated Value)
List Price is Lenovo’s estimate of product value based on the industry data, including the prices at which first and third-party retailers and etailers have offered or valued the same or comparable products. Third-party reseller data may not be based on actual sales.
Estimated value is Lenovo’s estimate of product value based on industry data, including the prices at which Lenovo and/or third-party retailers and e-tailers have offered or valued the same or comparable products. Third-party data may not be based on actual sales.
Learn More
See More
See Less
View {0} Model
View {0} Models
Delivery options for {0}
Part Number
Features
See More
See Less
Compare
Added!
Great choice!
You may compare up to 4 products per product category (laptops, desktops, etc). Please de-select one to add another.
View Your Comparisons
Add To Cart
Add To Cart
We're sorry,
Products are temporarily unavailable.
Continue Shopping
Learn More
Coming Soon
Featured Product
Featured Products
Oops! No results found. Visit the categories above to find your product.
Save

Seasonal Sales & FAQ's

open in new tab
© 2024 Lenovo. All rights reserved.
© {year} Lenovo. All rights reserved.
Compare  ()
x