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

HTML table markup tutorial (22): row border color attribute BORDERCOLORLIGHT

Within rows, light border colors can be defined i...

Web front-end performance optimization

Web front-end optimization best practices: conten...

Resolving MySQL implicit conversion issues

1. Problem Description root@mysqldb 22:12: [xucl]...

How to set up a shared folder on a vmware16 virtual machine

1. Set up a shared folder on the virtual machine:...

Basic usage of wget command under Linux

Table of contents Preface 1. Download a single fi...

Mobile browser Viewport parameters (web front-end design)

Mobile browsers place web pages in a virtual "...

Code to enable IE8 in IE7 compatibility mode

The most popular tag is IE8 Browser vendors are sc...

Some pitfalls of JavaScript deep copy

Preface When I went to an interview at a company ...

Steps to build a Docker image using Dockerfile

Dockerfile is a text file that contains instructi...

How to control the proportion of Flex child elements on the main axis

background Flex layout achieves alignment and spa...

ES6 loop and iterable object examples

This article will examine the ES6 for ... of loop...

HTML table markup tutorial (37): background image attribute BACKGROUND

Set the background image for the table header. Yo...

TCP third handshake data transmission process diagram

The process packets with the SYN flag in the RFC7...

Analysis of the principle of Vue nextTick

Table of contents Event Loop miscroTask (microtas...

Problems encountered by MySQL nested transactions

MySQL supports nested transactions, but not many ...