H5代码快速生成

HTM5部分代码语句快速生成

H5代码快速生成

• div.senter .类选择器
  • 实例：
  • <div class="senter"></div>
• div#top
  • 实例：
  • <div id="top"></div>
• 常用符号()[]{}.#>$@+-*^
• div>img 子代>
  • 实例：
  • <div><img src="" alt=""></div>
• div*5
  • 实例：
  • <div></div> <div></div> <div></div> <div></div> <div></div>
• div.center$*5
  • 实例：
  • <div class="center1"></div> <div class="center2"></div> <div class="center3"></div>
• input[type="text" value="张三"]
  • 实例：
  • <input type="text" value="张三">
• a{百度一下}
  • 实例：
  • <a href="">百度一下</a>
• div+span+p 兄弟类
  • 实例：
  • <div></div> <span></span> <p></p>
• div>p^span 上级元素^
  • 实例：
  • <div> <p></p> </div> <span></span>
• table>(tr>th*3)+(tr>td*2)*3 3行2列
  • 实例：
  • <table> <tr> <th></th> <th></th> <th></th> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table>
• P{msg$}*5 $计数，{内容}
  • 实例：
  • <P>msg1</P> <P>msg2</P> <P>msg3</P> <P>msg4</P> <P>msg5</P>
• h${这是$级标题}*6
  • 实例：
  • <h1>这是1级标题</h1> <h2>这是2级标题</h2> <h3>这是3级标题</h3> <h4>这是4级标题</h4> <h5>这是5级标题</h5> <h6>这是6级标题</h6>
• p{msg$@-}*5
  • 实例：
  • <p>msg5</p> <p>msg4</p> <p>msg3</p> <p>msg2</p> <p>msg1</p>
• p{msg$@5}*5
  • 实例：
  • <p>msg5</p> <p>msg6</p> <p>msg7</p> <p>msg8</p> <p>msg9</p>