• <dfn id="iemey"><delect id="iemey"></delect></dfn>
    \n

    Demo on Unordered list<\/u><\/h1>\n

    Ingredients for making of cake<\/h2>\n

    \n
      \n
    • Baking Powder<\/li>\n
    • Flour<\/li>\n
    • Sugar<\/li>\n
    • Coco poder<\/li>\n<\/ul>\n

      \n<\/body>\n<\/html><\/pre>\n

      Output:<\/strong><\/p>\n

      This will give you the result like<\/p>\n

      \"HTML<\/p>\n

      Example #2<\/h4>\n

      Unordered List with colors and for the positions.<\/p>\n

      \n\n\nunordered list Demo2<\/title>\n<\/head>\n<body>
      <h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<h1>Unordered Disc<\/h1>\n<ul>\n<li>Lion<\/li>\n<li>Tiger<\/li>\n<li>Giraffe<\/li>\n<li>Camel<\/li>\n<\/ul>\n<h1>Top Rhymes <\/h1>\n<ul type=\"square\">\n<li>Johny Johny Yes papa<\/li>\n<li>Wheels on the Bus<\/li>\n<li> Baa Baa Black Sheep<\/li>\n<\/ul>\n<h1>Fruits Name List<\/h1>\n<ul type=\"circle\" >\n<li > Avacado<\/li>\n<li> Orange<\/li>\n<li>Pears<\/li>\n<li> Banana<\/li>\n<\/ul>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543943575912.png\" alt=\"HTML 無序列表\" ><\/p>\n<h3>Types of Attributes for HTML Unordered List<\/h3>\n<p>To figure the unordered list, there are three primary types of attributes for this unordered element. The unordered list is used where it is not required to represent the lists in any specific orders. The following sections explain the related attributes and examples of them.<\/p>\n<p>This attribute gives the type of bullets to be used in the list.<\/p>\n<ul>\n<li>type =’disc’ – Gives default bullet structure<\/li>\n<li>type =’square’ – Looks like solid box bullets<\/li>\n<li>type =’circle’ – Gives Hollow box structure<\/li>\n<\/ul>\n<h4>1. Attribute type=’disc.’<\/h4>\n<p>This is the default type, and all the items are marked as bullets. Here we use type attribute, and all these attributes support in HTML 3, To define under HTML5, we are supposed to implement list-style CSS. Here is an example demo.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre><html>\n<head>\n<title> Demo on Unordered list Types<\/title><br>?? <\/head>\n<body bgcolor=\"pink\" text=\"blue\" order=\"\">\n<h1><u>Demo on Unordered list Types<\/u><\/h1>\n<UL>\n<LI>This is Program Agenda.\n<UL>\n<LI>First a Welcome Note\n<LI>Second We Start with the talks\n<\/UL>\n<LI type=\"square\">Opening Speech\n<LI>Mrs.Claria Winston from Ireland and Eyjolfur From Bank of America.\n<LI type=\"circle\"> Tea Break\n<LI type=\"disk\">Last part from the topic Data Lake By Surendran Thomas.\n<\/UL>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543943775985.png\" alt=\"HTML 無序列表\" ><\/p>\n<h4>2. Attribute type=’square.’<\/h4>\n<p>Here the items are marked with Square bullets.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<p>Demonstrating the HTML code with the square bullet embedded with style color and the position.<\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.5\">\n<style>\nul {\nlist-style: square;\n}\nul li::before {\ncontent: \"\\1022\";\ncolor: pink;\nfont-weight: bold;\ndisplay: inline-block;\nwidth: 0.8em;\nmargin-left: -1em;\n}\n<\/style>\n<\/head>\n<body>\n<h2>List of top hollywood movies-Square<\/h2>\n<ul>\n<li>World Of the wars<\/li>\n<li>Mission Impossible<\/li>\n<li>Independence Day special<\/li>\n<li> Behind enemy lines<\/li>\n<\/ul>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543943869827.png\" alt=\"HTML 無序列表\" ><\/p>\n<h4>3. Attribute type=’circle.’<\/h4>\n<p>This attribute gives hollow bullet values. Below are the example rendering circle and square attribute together with the nested lists.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre><HTML>\n<HEAD>\n<TITLE> EDUCBA List Example <\/TITLE>\n;style>\nh3{\ncolor:orange;\n}\nul{\nlist-style: none;\n}\nul li::before {\ncontent: \"\\25AA\";\ncolor: brown;\ndisplay: inline-block;\nwidth: 1em;\nmargin-left: -0.8em;\nfont-weight: bold;\nfont-size:1rem;\n}\n<\/style>\n<\/HEAD>\n<BODY>\n<H1> List of Mobiles<\/h1>\n<UL>\n<LI> Redmi Xiami\n<LI> Iphone\n<LI> Samsung\n<LI> Nokia\n<\/UL>\n<H1>Mobile Operating System Supports<\/h1>\n<UL TYPE = \"circle\">\n<LI> Android\n<LI> Windows phone\n<LI TYPE = \"circle\"> Samsung\n<LI TYPE = \"square\"> Nokia\n<\/UL>\n<\/BODY>\n<\/HTML><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543944189565.png\" alt=\"HTML 無序列表\" ><\/p>\n\n\n<h3>Replacing HTML list Items with Customizable Images<\/h3>\n<p>This would ultimately enhance the overall theme and makes the website visually good. The default bullets are replaced by native style or even can customizable using images with CSS help. Actually speaking, there are three styling lists to be used in HTML. Here we go with a list-style-type and list-style-image.<\/p>\n<p>Using image bullet is to make the lists more unique and differentiate the information by type, Giving the presentation a look on the web page.<\/p>\n<p>In the below example, the examples are demonstrated by style properties between the list elements.<\/p>\n<h4>Example <strong>#<\/strong>1 – Style properties between the list elements<\/h4>\n<pre><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<title>HTML unordered list with Styles<\/title>\n<\/head>\n<body>\n<style>\nul li {\nbackground: red;\n}\nul.in.li {\nlist-style: circle inside none;\ncolor: red;\nleft: -20px;\nposition: inside;\ntext-align: left;\nwidth: 27px;\n}<\/style>\n<ul>\n<li><span> Finland is a Scandinavian Country<\/span><\/li>\n<li><span>Oslo is the capital city<\/span><\/li>\n<li><span>Iceland is known for its beauty , hiking, fishing<\/span><\/li>\n<li><span>Ranked among the chillness country in europe<\/span><\/li>\n<\/ul><br\/>\n<\/body><\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p>This will give out the output like<\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543944422472.png\" alt=\"HTML 無序列表\" ><\/p>\n<h4>Example #2 – With image style<\/h4>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<style>\nul {\nlist-style-image: url('sqpurple.gif');\n}\n<\/style>\n<\/head>\n<body>\n<h2>The list-style- Demo<\/h2>\n<p>Harry Potter Characters:<\/p>\n<ul id=\"circle\">\n<li> Harry<\/li>\n<li>Hermione<\/li>\n<li>Ron Weasely<\/li>\n<\/ul>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543944869330.png\" alt=\"HTML 無序列表\" ><\/p>\n<h3>結(jié)論<\/h3>\n<p>現(xiàn)在我們了解如何在 HTML 中建立無序列表。我們已經(jīng)透過不同的範(fàn)例了解了無序塊元素如何在建立網(wǎng)頁中發(fā)揮作用,並探索了一些清單功能。即使這也可以用在導(dǎo)覽選單中垂直顯示。無序列表的建立非常簡單;考慮在哪裡修復(fù)此方法以獲得最佳位元非常重要。換句話說,完美的文件更喜歡使用 HTML 清單格式。 <\/p>"}	</script>
      	
      <meta http-equiv="Cache-Control" content="no-transform" />
      <meta http-equiv="Cache-Control" content="no-siteapp" />
      <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
      </head>
      
      <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
      	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
      <header>
          <div   id="377j5v51b"   class="head">
              <div   id="377j5v51b"   class="haed_left">
                  <div   id="377j5v51b"   class="haed_logo">
                      <a href="http://m.miracleart.cn/zh-tw/" title="" class="haed_logo_a">
                          <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                      </a>
                  </div>
                  <div   id="377j5v51b"   class="head_nav">
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="社群" class="head_nava head_nava-template1">社群</a>
                          <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a>
                                  <a href="http://m.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a>
                                  <a href="http://m.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="學(xué)習(xí)" class="head_nava head_nava-template1_1">學(xué)習(xí)</a>
                          <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a>
                                  <a href="http://m.miracleart.cn/zh-tw/dic/" title="程式設(shè)計字典" class="languagechoosea">程式設(shè)計字典</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a>
                          <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a>
                                  <a href="http://m.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a>
                                  <a href="http://m.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a>
                                  <a href="http://m.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a>
                                  <a href="http://m.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a>
                                  <a href="http://m.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴充插件" class="languagechoosea on">擴充插件</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="http://m.miracleart.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a>
                          <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a>
                                  <a href="http://m.miracleart.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a>
      
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
                          <div   id="377j5v51b"   class="head_search">
                      <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                      <a href="javascript:;" title="搜尋"  onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a>
                  </div>
                      <div   id="377j5v51b"   class="head_right">
                  <div   id="377j5v51b"   class="haed_language">
                      <a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<i class="layui-icon layui-icon-triangle-d"></i></a>
                      <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                          <div   id="377j5v51b"   class="languagechoose">
                                                      <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                      <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                      <a href="javascript:;" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                      <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                      <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                      <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
                                                      <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                      <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                  </div>
                      </div>
                  </div>
                  <span id="377j5v51b"    class="head_right_line"></span>
                                  <div style="display: block;" id="login" class="haed_login ">
                          <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                      </div>
                      <div style="display: block;" id="reg" class="head_signup login">
                          <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                      </div>
                  
              </div>
          </div>
      </header>
      
      	
      	<main>
      		<div   id="377j5v51b"   class="Article_Details_main">
      			<div   id="377j5v51b"   class="Article_Details_main1">
      							<div   id="377j5v51b"   class="Article_Details_main1L">
      					<div   id="377j5v51b"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
      						<div   id="377j5v51b"   class="Article_Details_main1L1">目錄</div>
      						<div   id="377j5v51b"   class="Article_Details_main1L2" id="Article_Details_main1L2">
      							<!-- 左側(cè)懸浮,文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
      															<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Syntax-of-HTML-Unordered-List" title="Syntax of?HTML Unordered List" >Syntax of?HTML Unordered List</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Example" title="Example #2" >Example #2</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Types-of-Attributes-for-HTML-Unordered-List" title="Types of Attributes for HTML Unordered List" >Types of Attributes for HTML Unordered List</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Attribute-type-disc" title="1. Attribute type=’disc.’" >1. Attribute type=’disc.’</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Attribute-type-square" title="2. Attribute type=’square.’" >2. Attribute type=’square.’</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Attribute-type-circle" title="3. Attribute type=’circle.’" >3. Attribute type=’circle.’</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Replacing-HTML-list-Items-with-Customizable-Images" title="Replacing HTML list Items with Customizable Images" >Replacing HTML list Items with Customizable Images</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Example-strong-strong-Style-properties-between-the-list-elements" title="Example <strong>#</strong>1 – Style properties between the list elements" >Example <strong>#</strong>1 – Style properties between the list elements</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Example-With-image-style" title="Example #2 – With image style" >Example #2 – With image style</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#結(jié)論" title="結(jié)論" >結(jié)論</a>
      								</div>
      														</div>
      					</div>
      				</div>
      							<div   id="377j5v51b"   class="Article_Details_main1M">
      					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
      						<a href="http://m.miracleart.cn/zh-tw/" title="首頁"
      							class="phpgenera_Details_mainL1a">首頁</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://m.miracleart.cn/zh-tw/web-designer.html"
      							class="phpgenera_Details_mainL1a">web前端</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://m.miracleart.cn/zh-tw/div-tutorial.html"
      							class="phpgenera_Details_mainL1a">html教學(xué)</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      						<span>HTML 無序列表</span>
      					</div>
      					
      					<div   id="377j5v51b"   class="Articlelist_txts">
      						<div   id="377j5v51b"   class="Articlelist_txts_info">
      							<h1 class="Articlelist_txts_title">HTML 無序列表</h1>
      							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
      								<div   id="377j5v51b"   class="author_info">
      									<a href="http://m.miracleart.cn/zh-tw/member/887227.html"  class="author_avatar">
      									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB">
      									</a>
      									<div   id="377j5v51b"   class="author_detail">
      																			<a href="http://m.miracleart.cn/zh-tw/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a>
                                      										</div>
      								</div>
                      			</div>
      							<span id="377j5v51b"    class="Articlelist_txts_time">Sep 04, 2024 pm	 04:43 PM</span>
      															<div   id="377j5v51b"   class="Articlelist_txts_infos">
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">html</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">html5</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Tutorial</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Properties</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML tags</span>
      																	</div>
      														
      						</div>
      					</div>
      					<hr />
      					<div   id="377j5v51b"   class="article_main php-article">
      						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
      						<ins class="adsbygoogle"
      							style="display:block; text-align:center;"
      							data-ad-layout="in-article"
      							data-ad-format="fluid"
      							data-ad-client="ca-pub-5902227090019525"
      							data-ad-slot="3461856641">
      						</ins>
      						
      
      					<p>Lists in HTML are a concept of gathering a number of data or elements arranged in a specific order organized for the purpose of being used in the program execution. HTML uses three types of lists, namely Ordered List, Unordered List and Definition List, where Unordered List is a type of list where the data or elements can be arranged in the list in no specific order. The syntax for the HTML Unordered List is <ul><li></li>………..</ul>, where <ul> is the tag that indicates the unordered list type.</p>
      
      
      
      
      
      
      
      
      <p>The three types of lists we could use to bring order to the web pages. Below are the different types:</p>
      <ol>
      <li>Ordered List</li>
      <li>Unordered list</li>
      <li>Definition List</li>
      </ol>
      <p>In this article, we shall go through the unordered list specification with an example. The unordered list is a list that doesn’t require any order of numbering in their list; instead, we use bullets for the list levels.</p>
      
      
      <h3 id="Syntax-of-HTML-Unordered-List">Syntax of?HTML Unordered List</h3>
      <p>The syntax for the unordered list is similar to the ordered list we created in the previous article. Unordered list is created using an element named <ul> element and ends with</ul> tag. The list item is embedded inside the <ul> element.</p>
      <pre class="brush:php;toolbar:false"><ul>
      <li></li>
      ………..
      </ul></pre>
      <h4 id="Example">Example #1</h4>
      <p>This shows how this short item list is implemented in a browser.</p>
      <pre class="brush:php;toolbar:false"><html>
      <head>
      <title> Demo on Unordered list</title><br>?? </head>
      <body bgcolor="orange" text="green" order="">
      <h1><u>Demo on Unordered list</u></h1>
      <h2>Ingredients for making of cake</h2>
      <h3>
      <ul type="square">
      <li>Baking Powder</li>
      <li >Flour</li>
      <li> Sugar</li>
      <li>Coco poder</li>
      </ul>
      <h3>
      </body>
      </html></pre>
      <p><strong>Output:</strong></p>
      <p>This will give you the result like</p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543943484790.png" class="lazy" alt="HTML 無序列表" ></p>
      <h4 id="Example">Example #2</h4>
      <p>Unordered List with colors and for the positions.</p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <title>unordered list Demo2</title>
      </head>
      <body>
      <h1>Unordered Disc</h1>
      <ul>
      <li>Lion</li>
      <li>Tiger</li>
      <li>Giraffe</li>
      <li>Camel</li>
      </ul>
      <h1>Top Rhymes </h1>
      <ul type="square">
      <li>Johny Johny Yes papa</li>
      <li>Wheels on the Bus</li>
      <li> Baa Baa Black Sheep</li>
      </ul>
      <h1>Fruits Name List</h1>
      <ul type="circle" >
      <li > Avacado</li>
      <li> Orange</li>
      <li>Pears</li>
      <li> Banana</li>
      </ul>
      </body>
      </html></pre>
      <p><strong>Output:</strong></p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543943575912.png" class="lazy" alt="HTML 無序列表" ></p>
      <h3 id="Types-of-Attributes-for-HTML-Unordered-List">Types of Attributes for HTML Unordered List</h3>
      <p>To figure the unordered list, there are three primary types of attributes for this unordered element. The unordered list is used where it is not required to represent the lists in any specific orders. The following sections explain the related attributes and examples of them.</p>
      <p>This attribute gives the type of bullets to be used in the list.</p>
      <ul>
      <li>type =’disc’ – Gives default bullet structure</li>
      <li>type =’square’ – Looks like solid box bullets</li>
      <li>type =’circle’ – Gives Hollow box structure</li>
      </ul>
      <h4 id="Attribute-type-disc">1. Attribute type=’disc.’</h4>
      <p>This is the default type, and all the items are marked as bullets. Here we use type attribute, and all these attributes support in HTML 3, To define under HTML5, we are supposed to implement list-style CSS. Here is an example demo.</p>
      <p><strong>Example:</strong></p>
      <pre class="brush:php;toolbar:false"><html>
      <head>
      <title> Demo on Unordered list Types</title><br>?? </head>
      <body bgcolor="pink" text="blue" order="">
      <h1><u>Demo on Unordered list Types</u></h1>
      <UL>
      <LI>This is Program Agenda.
      <UL>
      <LI>First a Welcome Note
      <LI>Second We Start with the talks
      </UL>
      <LI type="square">Opening Speech
      <LI>Mrs.Claria Winston from Ireland and Eyjolfur From Bank of America.
      <LI type="circle"> Tea Break
      <LI type="disk">Last part from the topic Data Lake By Surendran Thomas.
      </UL>
      </body>
      </html></pre>
      <p><strong>Output:</strong></p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543943775985.png" class="lazy" alt="HTML 無序列表" ></p>
      <h4 id="Attribute-type-square">2. Attribute type=’square.’</h4>
      <p>Here the items are marked with Square bullets.</p>
      <p><strong>Example:</strong></p>
      <p>Demonstrating the HTML code with the square bullet embedded with style color and the position.</p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.5">
      <style>
      ul {
      list-style: square;
      }
      ul li::before {
      content: "\1022";
      color: pink;
      font-weight: bold;
      display: inline-block;
      width: 0.8em;
      margin-left: -1em;
      }
      </style>
      </head>
      <body>
      <h2>List of top hollywood movies-Square</h2>
      <ul>
      <li>World Of the wars</li>
      <li>Mission Impossible</li>
      <li>Independence Day special</li>
      <li> Behind enemy lines</li>
      </ul>
      </body>
      </html></pre>
      <p><strong>Output:</strong></p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543943869827.png" class="lazy" alt="HTML 無序列表" ></p>
      <h4 id="Attribute-type-circle">3. Attribute type=’circle.’</h4>
      <p>This attribute gives hollow bullet values. Below are the example rendering circle and square attribute together with the nested lists.</p>
      <p><strong>Example:</strong></p>
      <pre class="brush:php;toolbar:false"><HTML>
      <HEAD>
      <TITLE> EDUCBA List Example </TITLE>
      ;style>
      h3{
      color:orange;
      }
      ul{
      list-style: none;
      }
      ul li::before {
      content: "\25AA";
      color: brown;
      display: inline-block;
      width: 1em;
      margin-left: -0.8em;
      font-weight: bold;
      font-size:1rem;
      }
      </style>
      </HEAD>
      <BODY>
      <H1> List of Mobiles</h1>
      <UL>
      <LI> Redmi Xiami
      <LI> Iphone
      <LI> Samsung
      <LI> Nokia
      </UL>
      <H1>Mobile Operating System Supports</h1>
      <UL TYPE = "circle">
      <LI> Android
      <LI> Windows phone
      <LI TYPE = "circle"> Samsung
      <LI TYPE = "square"> Nokia
      </UL>
      </BODY>
      </HTML></pre>
      <p><strong>Output:</strong></p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543944189565.png" class="lazy" alt="HTML 無序列表" ></p>
      
      
      <h3 id="Replacing-HTML-list-Items-with-Customizable-Images">Replacing HTML list Items with Customizable Images</h3>
      <p>This would ultimately enhance the overall theme and makes the website visually good. The default bullets are replaced by native style or even can customizable using images with CSS help. Actually speaking, there are three styling lists to be used in HTML. Here we go with a list-style-type and list-style-image.</p>
      <p>Using image bullet is to make the lists more unique and differentiate the information by type, Giving the presentation a look on the web page.</p>
      <p>In the below example, the examples are demonstrated by style properties between the list elements.</p>
      <h4 id="Example-strong-strong-Style-properties-between-the-list-elements">Example <strong>#</strong>1 – Style properties between the list elements</h4>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html lang="en">
      <head>
      <title>HTML unordered list with Styles</title>
      </head>
      <body>
      <style>
      ul li {
      background: red;
      }
      ul.in.li {
      list-style: circle inside none;
      color: red;
      left: -20px;
      position: inside;
      text-align: left;
      width: 27px;
      }</style>
      <ul>
      <li><span> Finland is a Scandinavian Country</span></li>
      <li><span>Oslo is the capital city</span></li>
      <li><span>Iceland is known for its beauty , hiking, fishing</span></li>
      <li><span>Ranked among the chillness country in europe</span></li>
      </ul><br/>
      </body></html></pre>
      <p><strong>Output:</strong></p>
      <p>This will give out the output like</p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543944422472.png" class="lazy" alt="HTML 無序列表" ></p>
      <h4 id="Example-With-image-style">Example #2 – With image style</h4>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <style>
      ul {
      list-style-image: url('sqpurple.gif');
      }
      </style>
      </head>
      <body>
      <h2>The list-style- Demo</h2>
      <p>Harry Potter Characters:</p>
      <ul id="circle">
      <li> Harry</li>
      <li>Hermione</li>
      <li>Ron Weasely</li>
      </ul>
      </body>
      </html></pre>
      <p><strong>Output:</strong></p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543944869330.png" class="lazy" alt="HTML 無序列表" ></p>
      <h3 id="結(jié)論">結(jié)論</h3>
      <p>現(xiàn)在我們了解如何在 HTML 中建立無序列表。我們已經(jīng)透過不同的範(fàn)例了解了無序塊元素如何在建立網(wǎng)頁中發(fā)揮作用,並探索了一些清單功能。即使這也可以用在導(dǎo)覽選單中垂直顯示。無序列表的建立非常簡單;考慮在哪裡修復(fù)此方法以獲得最佳位元非常重要。換句話說,完美的文件更喜歡使用 HTML 清單格式。 </p><p>以上是HTML 無序列表的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!</p>
      
      
      						</div>
      					</div>
      					<div   id="377j5v51b"   class="wzconShengming_sp">
      						<div   id="377j5v51b"   class="bzsmdiv_sp">本網(wǎng)站聲明</div>
      						<div>本文內(nèi)容由網(wǎng)友自願投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請聯(lián)絡(luò)admin@php.cn</div>
      					</div>
      				</div>
      
      				<ins class="adsbygoogle"
           style="display:block"
           data-ad-format="autorelaxed"
           data-ad-client="ca-pub-5902227090019525"
           data-ad-slot="2507867629"></ins>
      
      
      
      				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">
      
      
      				<ins class="adsbygoogle"
              style="display:block"
              data-ad-client="ca-pub-5902227090019525"
              data-ad-slot="3653428331"
              data-ad-format="auto"
              data-full-width-responsive="true"></ins>
          
      
      
      					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>熱門文章</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796828723.html" title="Agnes Tachyon Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide |漂亮的德比志</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>2 週前</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796827210.html" title="Oguri Cap Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |漂亮的德比志</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>2 週前</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796821868.html" title="Palia:Rasquellywag的Riches Quest演練" class="phpgenera_Details_mainR4_bottom_title">Palia:Rasquellywag的Riches Quest演練</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 個月前</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796822997.html" title="峰:如何復(fù)興球員" class="phpgenera_Details_mainR4_bottom_title">峰:如何復(fù)興球員</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 週前</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 週前</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/zh-tw/article.html">顯示更多</a>
      							</div>
      						</div>
      					</div> -->
      
      
      											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/hottools2.png" alt="" />
      									<h2>熱AI工具</h2>
      								</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
      													<h3>Undress AI Tool</h3>
      												</a>
      												<p>免費脫衣圖片</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
      													<h3>Undresser.AI Undress</h3>
      												</a>
      												<p>人工智慧驅(qū)動的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
      													<h3>AI Clothes Remover</h3>
      												</a>
      												<p>用於從照片中去除衣服的線上人工智慧工具。</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
      													<h3>Clothoff.io</h3>
      												</a>
      												<p>AI脫衣器</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
      													<h3>Video Face Swap</h3>
      												</a>
      												<p>使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!</p>
      											</div>
      										</div>
      																</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      									<a href="http://m.miracleart.cn/zh-tw/ai">顯示更多</a>
      								</div>
      							</div>
      						</div>
      					
      
      
      					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>熱門文章</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796828723.html" title="Agnes Tachyon Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide |漂亮的德比志</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>2 週前</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796827210.html" title="Oguri Cap Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |漂亮的德比志</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>2 週前</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796821868.html" title="Palia:Rasquellywag的Riches Quest演練" class="phpgenera_Details_mainR4_bottom_title">Palia:Rasquellywag的Riches Quest演練</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 個月前</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796822997.html" title="峰:如何復(fù)興球員" class="phpgenera_Details_mainR4_bottom_title">峰:如何復(fù)興球員</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 週前</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 週前</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/zh-tw/article.html">顯示更多</a>
      							</div>
      						</div>
      					</div>
      
      
      											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/hottools2.png" alt="" />
      									<h2>熱工具</h2>
      								</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title">
      													<h3>記事本++7.3.1</h3>
      												</a>
      												<p>好用且免費的程式碼編輯器</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title">
      													<h3>SublimeText3漢化版</h3>
      												</a>
      												<p>中文版,非常好用</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title">
      													<h3>禪工作室 13.0.1</h3>
      												</a>
      												<p>強大的PHP整合開發(fā)環(huán)境</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
      													<h3>Dreamweaver CS6</h3>
      												</a>
      												<p>視覺化網(wǎng)頁開發(fā)工具</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
      													<h3>SublimeText3 Mac版</h3>
      												</a>
      												<p>神級程式碼編輯軟體(SublimeText3)</p>
      											</div>
      										</div>
      																	</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      									<a href="http://m.miracleart.cn/zh-tw/ai">顯示更多</a>
      								</div>
      							</div>
      						</div>
      										
      
      					
      					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>熱門話題</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/gmailyxdlrkzn" title="gmail信箱登陸入口在哪裡" class="phpgenera_Details_mainR4_bottom_title">gmail信箱登陸入口在哪裡</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>8641</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>17</span>
      										</div>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/java-tutorial" title="Java教學(xué)" class="phpgenera_Details_mainR4_bottom_title">Java教學(xué)</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1787</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>16</span>
      										</div>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1730</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>56</span>
      										</div>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1581</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>29</span>
      										</div>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1448</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>31</span>
      										</div>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/zh-tw/faq/zt">顯示更多</a>
      							</div>
      						</div>
      					</div>
      				</div>
      			</div>
      							<div   id="377j5v51b"   class="Article_Details_main2">
      					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
      						<div   id="377j5v51b"   class="phpmain1_2_top">
      							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
      									src="/static/imghw/index2_title2.png" alt="" /></a>
      						</div>
      						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">
      
      													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829177.html" title="構(gòu)建網(wǎng)頁的HTML元素是什麼?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175148129241939.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="構(gòu)建網(wǎng)頁的HTML元素是什麼?" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829177.html" title="構(gòu)建網(wǎng)頁的HTML元素是什麼?" class="phphistorical_Version2_mids_title">構(gòu)建網(wǎng)頁的HTML元素是什麼?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 03, 2025 am	 02:34 AM</span>
      								<p class="Articlelist_txts_p">網(wǎng)頁結(jié)構(gòu)需核心HTML元素支撐,1.頁面整體結(jié)構(gòu)由、、構(gòu)成,其中為根元素,存放元信息,展示內(nèi)容;2.內(nèi)容組織依賴標(biāo)題(-)、段落()及區(qū)塊標(biāo)籤(如、)以提升條理與SEO;3.導(dǎo)航通過與實現(xiàn),常用組織鏈接並輔以aria-current屬性增強可訪問性;4.表單交互涉及、、與,確保用戶輸入與提交功能完整。正確使用這些元素能提升頁面清晰度、維護性及搜索引擎優(yōu)化。</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829178.html" title="為現(xiàn)代頁面宣布正確的HTML5 Doctype。" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175148132111973.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="為現(xiàn)代頁面宣布正確的HTML5 Doctype。" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829178.html" title="為現(xiàn)代頁面宣布正確的HTML5 Doctype。" class="phphistorical_Version2_mids_title">為現(xiàn)代頁面宣布正確的HTML5 Doctype。</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 03, 2025 am	 02:35 AM</span>
      								<p class="Articlelist_txts_p">Doctype是告訴瀏覽器用哪種HTML標(biāo)準(zhǔn)解析頁面的聲明,現(xiàn)代網(wǎng)頁只需在HTML文件最開頭寫。其作用是確保瀏覽器以標(biāo)準(zhǔn)模式而非怪異模式渲染頁面,且必須位於第一行,前面不能有空格或註釋;正確寫法僅有一種,不推薦使用舊版本或其他變體;其他如charset、viewport等應(yīng)放在部分。</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175226046128038.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。" class="phphistorical_Version2_mids_title">將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 12, 2025 am	 03:01 AM</span>
      								<p class="Articlelist_txts_p">HTML5、CSS和JavaScript應(yīng)通過語義化標(biāo)籤、合理加載順序與解耦設(shè)計高效結(jié)合。 1.使用HTML5語義化標(biāo)籤如、提升結(jié)構(gòu)清晰度與可維護性,利於SEO和無障礙訪問;2.CSS應(yīng)置於中,使用外部文件並按模塊拆分,避免內(nèi)聯(lián)樣式與延遲加載問題;3.JavaScript推薦放在前引入,使用defer或async異步加載以避免阻塞渲染;4.減少三者間強依賴,通過data-*屬性驅(qū)動行為、類名控制狀態(tài),統(tǒng)一命名規(guī)範(fàn)提升協(xié)作效率。這些方法能有效優(yōu)化頁面性能與團隊協(xié)作。</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項分組?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175157020270129.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用HTML將選項分組?" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項分組?" class="phphistorical_Version2_mids_title">如何使用HTML將選項分組?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 04, 2025 am	 03:16 AM</span>
      								<p class="Articlelist_txts_p">在HTML中使用標(biāo)籤可以對下拉菜單中的選項進行分組。具體方法是用包裹一組元素,並通過label屬性定義組名,如:1.包含蘋果、香蕉、橙子等選項;2.包含胡蘿蔔、西蘭花等選項;3.每個為一個獨立分組,組內(nèi)選項自動縮進。注意事項包括:①不支持嵌套;②可通過disabled屬性禁用整個組;③樣式受限需結(jié)合CSS或第三方庫美化;可使用Select2等插件增強功能。</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xiàn)可點擊按鈕" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175182671121571.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML按鈕元素實現(xiàn)可點擊按鈕" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xiàn)可點擊按鈕" class="phphistorical_Version2_mids_title">使用HTML按鈕元素實現(xiàn)可點擊按鈕</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 07, 2025 am	 02:31 AM</span>
      								<p class="Articlelist_txts_p">要使用HTML的button元素實現(xiàn)可點擊按鈕,首先需掌握其基本用法與常見註意事項。 1.使用標(biāo)籤創(chuàng)建按鈕,並通過type屬性定義行為(如button、submit、reset),默認(rèn)為submit;2.通過JavaScript添加交互功能,可內(nèi)聯(lián)寫法或通過ID綁定事件監(jiān)聽器以提升維護性;3.利用CSS自定義樣式,包括背景色、邊框、圓角及hover/active狀態(tài)效果,增強用戶體驗;4.注意常見問題:確保未啟用disabled屬性、正確綁定JS事件、避免佈局遮擋,並藉助開發(fā)者工具排查異常。掌握這</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796832574.html" title="使用新的HTML5方法(FormData)提交表單數(shù)據(jù)" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175191288234525.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用新的HTML5方法(FormData)提交表單數(shù)據(jù)" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796832574.html" title="使用新的HTML5方法(FormData)提交表單數(shù)據(jù)" class="phphistorical_Version2_mids_title">使用新的HTML5方法(FormData)提交表單數(shù)據(jù)</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 08, 2025 am	 02:28 AM</span>
      								<p class="Articlelist_txts_p">使用HTML5的FormDataAPI提交表單數(shù)據(jù)更方便,1.它可自動收集帶name屬性的表單字段或手動添加數(shù)據(jù);2.支持通過fetch或XMLHttpRequest以multipart/form-data格式提交,適合文件上傳;3.處理文件時只需將文件附加到FormData並發(fā)送請求即可;4.注意同名字段會被覆蓋、需處理JSON轉(zhuǎn)換及無嵌套結(jié)構(gòu)等問題。</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796833320.html" title="在HTML頭部元素中配置文檔元數(shù)據(jù)" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175199941149498.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="在HTML頭部元素中配置文檔元數(shù)據(jù)" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796833320.html" title="在HTML頭部元素中配置文檔元數(shù)據(jù)" class="phphistorical_Version2_mids_title">在HTML頭部元素中配置文檔元數(shù)據(jù)</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 09, 2025 am	 02:30 AM</span>
      								<p class="Articlelist_txts_p">HTMLhead中的元數(shù)據(jù)對SEO、社交分享和瀏覽器行為至關(guān)重要。 1.設(shè)置頁面標(biāo)題與描述,使用和並保持簡潔唯一;2.添加OpenGraph與Twitter卡片信息以優(yōu)化社交分享效果,注意圖片尺寸並使用調(diào)試工具測試;3.定義字符集與視口設(shè)置確保多語言支持與移動端適配;4.可選標(biāo)籤如作者版權(quán)、robots控制及canonical防止重複內(nèi)容也應(yīng)合理配置。</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829958.html" title="如何使用HTML iframe標(biāo)籤從另一個站點嵌入內(nèi)容?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175157025235776.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用HTML iframe標(biāo)籤從另一個站點嵌入內(nèi)容?" />
      								</a>
      								<a href="http://m.miracleart.cn/zh-tw/faq/1796829958.html" title="如何使用HTML iframe標(biāo)籤從另一個站點嵌入內(nèi)容?" class="phphistorical_Version2_mids_title">如何使用HTML iframe標(biāo)籤從另一個站點嵌入內(nèi)容?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 04, 2025 am	 03:17 AM</span>
      								<p class="Articlelist_txts_p">使用標(biāo)籤可以將其他網(wǎng)站內(nèi)容嵌入到自己的網(wǎng)頁中,基本語法為:,可添加width、height和style="border:none;"等屬性控制外觀;為了實現(xiàn)響應(yīng)式佈局,可通過百分比設(shè)置尺寸或使用容器結(jié)合padding和絕對定位保持寬高比,同時注意跨域限制、加載性能、SEO影響及安全策略等注意事項;常見用途包括嵌入地圖、第三方表單、社交媒體內(nèi)容及內(nèi)部系統(tǒng)集成。</p>
      							</div>
      													</div>
      
      													<a href="http://m.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton">
      								<span>See all articles</span>
      								<img src="/static/imghw/down_right.png" alt="" />
      							</a>
      											</div>
      				</div>
      					</div>
      	</main>
      	<footer>
          <div   id="377j5v51b"   class="footer">
              <div   id="377j5v51b"   class="footertop">
                  <img src="/static/imghw/logo.png" alt="">
                  <p>公益線上PHP培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!</p>
              </div>
              <div   id="377j5v51b"   class="footermid">
                  <a href="http://m.miracleart.cn/zh-tw/about/us.html">關(guān)於我們</a>
                  <a href="http://m.miracleart.cn/zh-tw/about/disclaimer.html">免責(zé)聲明</a>
                  <a href="http://m.miracleart.cn/zh-tw/update/article_0_1.html">Sitemap</a>
              </div>
              <div   id="377j5v51b"   class="footerbottom">
                  <p>
                      ? php.cn All rights reserved
                  </p>
              </div>
          </div>
      </footer>
      
      <input type="hidden" id="verifycode" value="/captcha.html">
      
      
      
      
      		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
      	
      	
      	
      	
      	
      
      	
      	
      
      
      
      
      
      
      <footer>
      <div class="friendship-link">
      <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
      <a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
      
      <div class="friend-links">
      
      
      </div>
      </div>
      
      </footer>
      
      
      <script>
      (function(){
          var bp = document.createElement('script');
          var curProtocol = window.location.protocol.split(':')[0];
          if (curProtocol === 'https') {
              bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else {
              bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(bp, s);
      })();
      </script>
      </body><div id="2ayi2" class="pl_css_ganrao" style="display: none;"><strike id="2ayi2"></strike><tbody id="2ayi2"></tbody><th id="2ayi2"></th><dl id="2ayi2"></dl><center id="2ayi2"></center><dfn id="2ayi2"><strong id="2ayi2"><td id="2ayi2"></td></strong></dfn><bdo id="2ayi2"></bdo><object id="2ayi2"><center id="2ayi2"></center></object><bdo id="2ayi2"></bdo><del id="2ayi2"></del><input id="2ayi2"></input><source id="2ayi2"></source><tbody id="2ayi2"></tbody><tbody id="2ayi2"></tbody><noframes id="2ayi2"><fieldset id="2ayi2"><delect id="2ayi2"></delect></fieldset></noframes><blockquote id="2ayi2"></blockquote><pre id="2ayi2"></pre><bdo id="2ayi2"></bdo><rt id="2ayi2"></rt><tbody id="2ayi2"></tbody><pre id="2ayi2"></pre><blockquote id="2ayi2"></blockquote><kbd id="2ayi2"><object id="2ayi2"><sup id="2ayi2"></sup></object></kbd><fieldset id="2ayi2"><dd id="2ayi2"><nav id="2ayi2"></nav></dd></fieldset><del id="2ayi2"><menu id="2ayi2"><th id="2ayi2"></th></menu></del><tr id="2ayi2"></tr><tbody id="2ayi2"></tbody><small id="2ayi2"></small><em id="2ayi2"></em><object id="2ayi2"><button id="2ayi2"><dl id="2ayi2"></dl></button></object><del id="2ayi2"></del><source id="2ayi2"><pre id="2ayi2"><li id="2ayi2"></li></pre></source><fieldset id="2ayi2"></fieldset><center id="2ayi2"></center><kbd id="2ayi2"></kbd><pre id="2ayi2"></pre><cite id="2ayi2"></cite><blockquote id="2ayi2"></blockquote><th id="2ayi2"></th><del id="2ayi2"></del><menu id="2ayi2"></menu><em id="2ayi2"></em><strong id="2ayi2"></strong><abbr id="2ayi2"></abbr><object id="2ayi2"><sup id="2ayi2"></sup></object><kbd id="2ayi2"><optgroup id="2ayi2"><tfoot id="2ayi2"></tfoot></optgroup></kbd><tbody id="2ayi2"></tbody><menu id="2ayi2"></menu><optgroup id="2ayi2"><dfn id="2ayi2"></dfn></optgroup><dd id="2ayi2"></dd><tbody id="2ayi2"><xmp id="2ayi2"><center id="2ayi2"></center></xmp></tbody><xmp id="2ayi2"></xmp><cite id="2ayi2"><delect id="2ayi2"><optgroup id="2ayi2"></optgroup></delect></cite><nav id="2ayi2"><tfoot id="2ayi2"></tfoot></nav><cite id="2ayi2"><center id="2ayi2"><em id="2ayi2"></em></center></cite><dl id="2ayi2"><del id="2ayi2"><abbr id="2ayi2"></abbr></del></dl><pre id="2ayi2"></pre><fieldset id="2ayi2"></fieldset><tbody id="2ayi2"></tbody><input id="2ayi2"></input><acronym id="2ayi2"></acronym><del id="2ayi2"></del><center id="2ayi2"><pre id="2ayi2"><cite id="2ayi2"></cite></pre></center><center id="2ayi2"><pre id="2ayi2"><fieldset id="2ayi2"></fieldset></pre></center><tr id="2ayi2"></tr><samp id="2ayi2"></samp><option id="2ayi2"></option><acronym id="2ayi2"></acronym><abbr id="2ayi2"><th id="2ayi2"><xmp id="2ayi2"></xmp></th></abbr><dd id="2ayi2"></dd><center id="2ayi2"><code id="2ayi2"><xmp id="2ayi2"></xmp></code></center><option id="2ayi2"></option><tr id="2ayi2"></tr><abbr id="2ayi2"></abbr><optgroup id="2ayi2"></optgroup><dl id="2ayi2"><del id="2ayi2"><table id="2ayi2"></table></del></dl><strike id="2ayi2"><samp id="2ayi2"><em id="2ayi2"></em></samp></strike><th id="2ayi2"></th><blockquote id="2ayi2"></blockquote><del id="2ayi2"></del><dd id="2ayi2"></dd><input id="2ayi2"></input><kbd id="2ayi2"><nav id="2ayi2"><tfoot id="2ayi2"></tfoot></nav></kbd><dl id="2ayi2"></dl><dd id="2ayi2"></dd><center id="2ayi2"><noframes id="2ayi2"><tfoot id="2ayi2"></tfoot></noframes></center><small id="2ayi2"></small><center id="2ayi2"><strong id="2ayi2"><td id="2ayi2"></td></strong></center><tbody id="2ayi2"><ul id="2ayi2"><menu id="2ayi2"></menu></ul></tbody><bdo id="2ayi2"></bdo><em id="2ayi2"></em><abbr id="2ayi2"><strong id="2ayi2"><del id="2ayi2"></del></strong></abbr><code id="2ayi2"></code><optgroup id="2ayi2"></optgroup><del id="2ayi2"></del><th id="2ayi2"><ul id="2ayi2"><option id="2ayi2"></option></ul></th><optgroup id="2ayi2"></optgroup><noframes id="2ayi2"><tfoot id="2ayi2"><delect id="2ayi2"></delect></tfoot></noframes><center id="2ayi2"></center><source id="2ayi2"></source></div>
      
      </html>