文章测试

文章测试文章封面

本测试包含移动端,为响应式文章

字体大小:

H1

H2

H3

H4

H5

正文

加粗文字测试
文字行间距:

x-small

small

normal

large

x-large

xx-large

斜体

下划线

删除线

文字颜色:


超链接测试:打开百度
列表测试:
  1. 有序一
  2. 有序二
  3. 有序三


  • 无序一
  • 无序二
字体测试:

宋体  微软雅黑     arial    tahoma     verdana

表情测试:

加載中...加載中...加載中...

网络图片测试:

上传图片测试:


视频测试:

推荐一个经常看的视频:

代码块测试:
// html code-model
<head>

</head>
    <style>
        /*
         * 一个注释
         *   多行的23333
         */
        * {
            margin: 0;
            padding: 0;
        }
        /* 单行注释 */
        body {
            color: #353535;
            background-color: #efefef;
            background-image: url("//xxxx.ccc/sss.jpg");
        }
        .bate {
            color: rgba(123, 123, 132, .5);
        }
    </style>
<body class="className">
    本语法高亮组件由史莱姆编写,开源项目在git内
    https://gitee.com/shi_lai_mu
    
    <header>
        HTML 区域(污染测试)
        <!-- javascript 测试 -->
        let js = 'not'
        <!-- css 测试 -->
        * {
            margin: 0;
            padding: 0;
        }
    </header>

    <tbody class="bate" title="bate" data-time="123465">
        <span>123456789456789132</span>
    </tbody>

    <footer style="padding: 1000px; margin: 200px; background: rgba(0, 0, 0, .2);">
        行内css测试
    </footer>
</body>

<script>
    let scope = 'javascript';
    console.log('hello slm blog');

/**
* parse 解析代码模板
* @param {Element} element 需要解析的el元素
*/
function parse (element) {     /* 本代码仅测试,为复制粘贴内容 */
if (!(element instanceof HTMLElement)) throw Error('element is not HTMLElement!');

let codeList = element.getElementsByTagName('code');
let codeLen = codeList.length;

// 代码高亮函数
while (codeLen) {
let parseCode = new Code(codeList[codeLen - 1]);
parseCode.display();
  codeLen--;
  }
  }

</script>
表格测试
xxxxxxxxxx xxxxxxxxxxxxxxx
 1 2 3 4 5
 6 7 8 9 10
 11 12 13
 14 15
 16 17 18 20 21
    留言 (0)
    音乐封面 点击展开工具栏