网站用得上的html表格代码一览表

搬瓦工机场JMS

配置表表格

日本大阪
  • 核心:2核CPU

  • 内存:1GB

  • 硬盘:30GB

  • 流量:不限流量

  • 带宽:3Mbps

  • 架构:XEN架构

  • 价格:80元/月

  • 传送:购买链接

  


 <div class="row">    <div class="col-xl-4 col-lg-6 col-md-4">     <div class="panel panel-info">      <div class="panel-heading">       日本大阪      </div>      <div class="panel-body">       <ul>        <li>核心:2核CPU</li>        <li>内存:1GB</li>        <li>硬盘:30GB</li>        <li>流量:不限流量</li>        <li>带宽:3Mbps</li>        <li>架构:Xen架构</li>        <li>优惠码:123123</li>        <li>价格:80元/月</li>        <li>传送:<a href="https://www.vpskp.com/go.php?go=" target="_blank" rel="external nofollow">购买链接</a></li>       </ul>      </div>     </div>    </div>   </div>

如果是多个表格要并排放,从以下开始复制

<div class="col-xl-4 col-lg-6 col-md-4"> 

提醒表格

莫斯科DataLine Tier-3机房测试IP:46.17.40.85,https://lg-dtln.justhost.ru/50MB.test

<div id="sc_warn">莫斯科DataLine Tier-3机房测试IP:46.17.40.85,<a href="https://lg-dtln.justhost.ru/50MB.test" rel="noopener" target="_blank">https://lg-dtln.justhost.ru/50MB.test</a></div>

红色提醒表格

提示:如果官网是英文页面,建议使用谷歌浏览器能同步翻译页面。
投稿链接:点此直达 投稿邮箱:19900515a@gmail.com,网友QQ群:876999

<div id="sc_error">提示:如果官网是英文页面,建议使用谷歌浏览器能同步翻译页面。<br />
投稿链接:<a href="https://www.vpskp.com/e/member/" rel="nofollow" target="_blank">点此直达</a> 投稿邮箱:19900515a@gmail.com,网友QQ群:876999</div>

黑色虚框

以上产品支持在下列数据中心自由切换

  1. US: Los Angeles, California (DC9 CN2GIA) [USCA_9] 洛杉矶CN2 GIA【仅CN2 GIA特价方案支持】

  2. US: Los Angeles, California (DC2 QNET) [USCA_2] 洛杉矶QN机房(非CN2 GT)

<div id="sc_tips">
<p>以上产品支持在下列数据中心自由切换</p>

<ol>
    <li>US: Los Angeles, California (DC9 CN2GIA) [USCA_9] 洛杉矶CN2 GIA<span style="color: #ff00ff;">【仅CN2 GIA特价方案支持】</span></li>
    <li>US: Los Angeles, California (DC2 QNET) [USCA_2] 洛杉矶QN机房(非CN2 GT)</li>
</ol>
</div>

蓝色虚线

CPU占用:CN2 GIA特价(突发2核,1核100%)>KVM常规(突发2核,1核50%)>CN2 GT特价(突发1核,1核25%)【1核100%、1核50%、1核25%指的是1小时平均CPU负载不超能超过的级别】

线路好坏:CN2 GIA特价>KVM常规=CN2 GT特价【KVM常规、CN2 GT特价支持切换的机房是一致的(都支持切换到DC3、DC8两个CN2 GT机房),CN2 GIA特价方案可切换机房在KVM常规、CN2 GT特价方案基础上增加了DC9(CN2 GIA)机房】

流量大小:CN2 GIA特价=CN2 GT特价>KVM常规【这里对比的是切换到DC8、DC3机房后月流量的大小(因为其他机房都是1TB/月),KVM常规切换到DC8、DC3后流量只有三分之一(333GB/月)】

<div id="sc_xuk">
<p>CPU占用:CN2 GIA特价(突发2核,1核100%)&gt;KVM常规(突发2核,1核50%)&gt;CN2 GT特价(突发1核,1核25%)【1核100%、1核50%、1核25%指的是1小时平均CPU负载不超能超过的级别】</p>

<p>线路好坏:CN2 GIA特价&gt;KVM常规=CN2 GT特价【KVM常规、CN2 GT特价支持切换的机房是一致的(都支持切换到DC3、DC8两个CN2 GT机房),CN2 GIA特价方案可切换机房在KVM常规、CN2 GT特价方案基础上增加了DC9(CN2 GIA)机房】</p>

<p>流量大小:CN2 GIA特价=CN2 GT特价&gt;KVM常规【这里对比的是切换到DC8、DC3机房后月流量的大小(因为其他机房都是1TB/月),KVM常规切换到DC8、DC3后流量只有三分之一(333GB/月)】</p>
</div>
 

TIPS表格

莫斯科DataLine Tier-3机房测试IP:46.17.40.85
莫斯科DataLine Tier-3机房测试IP:46.17.40.85
莫斯科DataLine Tier-3机房测试IP:46.17.40.85
莫斯科DataLine Tier-3机房测试IP:46.17.40.85
莫斯科DataLine Tier-3机房测试IP:46.17.40.85

<div id="sc_blue">莫斯科DataLine Tier-3机房测试IP:46.17.40.85,<a href="https://lg-dtln.justhost.ru/50MB.test" rel="noopener" target="_blank">https://lg-dtln.justhost.ru/50MB.test</a></div>

几个不同从上到下分别为:

sc_blue
sc_black
sc_lvb
sc_redb
sc_organge

可以滚动的代码

<pre class="prettyprint">123</pre>

可以滚动的表格

<table class="responsive">
    <tbody>
        <tr>
            <th>机型</th>
            <th>购买链接</th>
            <th>CPU(核)</th>
            <th>内存(G)</th>
            <th>硬盘(G)</th>
            <th>带宽(M)</th>
            <th>售价(元)</th>
        </tr>
        <tr>
            <td style="text-align: center;">基础款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">10</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">40</td>
        </tr>
        <tr>
            <td style="text-align: center;">普及款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">2</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">20</td>
            <td style="text-align: center;">2</td>
            <td style="text-align: center;">50</td>
        </tr>
        <tr>
            <td style="text-align: center;">高配款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">3</td>
            <td style="text-align: center;">3</td>
            <td style="text-align: center;">30</td>
            <td style="text-align: center;">3</td>
            <td style="text-align: center;">60</td>
        </tr>
        <tr>
            <td style="text-align: center;">旗舰款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">4</td>
            <td style="text-align: center;">4</td>
            <td style="text-align: center;">40</td>
            <td style="text-align: center;">4</td>
            <td style="text-align: center;">70</td>
        </tr>
    </tbody>
</table>

未经允许不得转载:Just My Socks中文教程网 » 网站用得上的html表格代码一览表

赞 (0) 打赏
Just My Socks搬瓦工机场JMS

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏