ホームページ >ウェブフロントエンド >htmlチュートリアル >htmlタグdl、ul、olの使い方を詳しく解説
htmlタグdl、ul、olの使い方を詳しく解説
- 黄舟オリジナル
- 2017-06-30 14:06:382351ブラウズ
この記事では主にHTMLのリストタグdl、ul、olの使い方を紹介していますので、興味があれば学習してみてください
コードは次のとおりです:
<!-- 列表标签：<dl>：分层列表 子标签：<dt>：上层列表项 <dd>：下层列表项 ------------ 无序列表标签：<ul> 子标签：<li> ------------ 无序列表标签：<ol> 子标签：<li> --!> <html> <head> <title> 列表标签的 练习 </title> </head> <body> <dl> <dt>标号</dt> <dd>1</dd> <dd>2</dd> <dd>3</dd> </dl> <hr> <ul type="disc"> <li>苹果</li> <li>香蕉</li> <li>橘子</li> </ul> <hr> <ol type="1"> <li>苹果</li> <li>香蕉</li> <li>橘子</li> </ol> <hr><!--练习标签的嵌套--> <dl> <dt>四大天王</dt> <dd> <ol type="1"> <li>张学友</li> <li>刘德华</li> <li>郭富城</li> <li>黎明</li> </ol> </dd> </dl> </body> </html>
。
以上がhtmlタグdl、ul、olの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：html5のolタグの使い方を詳しく解説次の記事：html5のolタグの使い方を詳しく解説