Markup Language - List

Markup Language - List

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

Recommend

Detailed explanation of the use of mysql explain (analysis index)

EXPLAIN shows how MySQL uses indexes to process s...

Detailed explanation of creating, calling and managing MySQL stored procedures

Table of contents Introduction to stored procedur...

Implementing circular scrolling list function based on Vue

Note: You need to give the parent container a hei...

How to implement paging query in MySQL

SQL paging query:background In the company's ...

Solution to MySQL IFNULL judgment problem

Problem: The null type data returned by mybatis d...

Discussion on the way to open website hyperlinks

A new window opens. Advantages: When the user cli...

Steps to set up and mount shared folders on Windows host and Docker container

Programs in Docker containers often need to acces...

...

Deep understanding of the use of ::before/:before and ::after/:after

Part 1: Basics 1. Unlike pseudo-classes such as :...

How to explain TypeScript generics in a simple way

Table of contents Overview What are Generics Buil...

Vue realizes the percentage bar effect

This article shares the specific code of Vue to r...

Django+vue registration and login sample code

register The front-end uses axios in vue to pass ...

Detailed tutorial on downloading mysql on Windows 10

MySQL versions are divided into Enterprise Editio...

Detailed explanation of Nginx configuration required for front-end

Nginx (engine x) is a lightweight, high-performan...

Interpretation of CocosCreator source code: engine startup and main loop

Table of contents Preface preparation Go! text St...