Standardized design solutions - markup languages and style manuals Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Markup Chapter 1 Lists <br />Lists can be found on almost every page on the web. Lists of hyperlinks; lists of items in a shopping cart; lists of your favorite movies...even lists of navigation for entire websites. To some, list creation may seem arbitrary, but what we are going to explore is how to create lists and focus on the pros and cons of several common methods. Later, we will list several examples of how to spruce up ordinary lists and their pros and cons. Let's Go Shopping <br />Originally, I was going to use a laundry list as an example for this chapter, but I quickly realized that I had no idea what items to include on such a list, so...for example's sake, let's use food! Let's imagine that you need to put a food list on your own website. You may be confused as to why you should put a food list on your website. Well, this may be off topic. We just need a reason to start thinking about the list... On the page, let’s say we want our list to look like… well, like a list — that is, a long vertical list with each item on its own line: Apples Spaghetti Green Beans Milk Seems pretty simple, doesn't it? As with many aspects of web design and development, there are many different ways to achieve the same (or similar) results. As with all of the examples in this book, I'll present them from the perspective of the eXtensilble HyperText Markup Language (XHTML)—and make sure that the methods I choose use the correct markup syntax, following the standards set by the World Wild Web Consortium (W3C). We can easily add a <br /> tag after each item, or we can use various checklist item tags to complete this task. Now let's look at 3 completely different methods and the characteristics of each method. Previous Page 1 2 3 4 5 6 7 8 Next Page Read Full Article |
<<: How to install and persist the postgresql database in docker
>>: Definition and usage of MySQL cursor
Recently, I solved the problem of Docker and the ...
Implementation principle The main graphics are co...
In HTML and CSS, we want to set the color of a bu...
Using Technology itext.jar: Convert byte file inp...
This article shares the specific code of Vue usin...
The MERGE storage engine treats a group of MyISAM...
CSS Position The position attribute specifies the...
1. Type introduction 1.1 Domain-based virtual hos...
A common problem encountered during the developme...
Preface: I recently encountered the problem of in...
Inserting images into HTML requires HTML tags to ...
This article example shares the specific code of ...
mysql obtains statistical data within a specified...
When installing Tomcat in Docker, Tomcat may over...
Table of contents 1. Use the a tag to preview or ...