Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > Application nesting example of HTML ul unordered list

Application nesting example of HTML ul unordered list

高洛峰

Release： 2017-03-06 15:08:28

Original

1305 people have browsed it

This article mainly introduces the application nesting of HTML ul unordered table. Friends in need can refer to it. The application nesting of unordered tables

The code is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无序表应用</title> 
</head> 
<body> 
<h1> 
<strong> 
中国的省份城市 
</strong> 
</h1> 
<hr /> 
<ul> 
<li> 山东 
<ul> 
<li> 潍坊 </li> 
<li> 济南 </li> 
<li> 烟台 </li> 
</ul> 
</li> 
<li> 广东 
<ul> 
<li> 广州 </li> 
<li> 深圳 </li> 
<li> 东莞</li> 
</ul> 
</li> 
<li> 江苏</li> 
<ul> 
<li> 南京</li> 
<li> 苏州</li> 
<li> 无锡</li> 
</ul> 
</li> 
</ul> 
<hr /> 
</body> 
</html>

Copy after login

Effect:

Provinces and cities in China
HTML ul 无序表的应用嵌套示例

For more HTML ul unordered table application nesting examples, please pay attention to the PHP Chinese website!

Related labels：

html

source：php.cn

Previous article：Detailed explanation of disabled uninputable values cannot be passed to the action layer Next article：jquery+CSS to create a custom a tag title prompt tooltip example

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn