常用指令

article标签定义外部的内容
外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
datails用户可见和隐藏的“三角”箭头。
summary“三角”箭头的大标题。
figcaption小标题常用在summary中
mark表示页面中需要突出或高亮显示的内容

<article>
        <!-- 用户可见和隐藏的“三角”箭头 -->
        <details>
            <!-- “三角”箭头的大标题 -->
            <summary><img src="images\111.png"></summary>
            <ul>
                <li>
                    <!-- 小标题 -->
                    <figcaption>《敢死队》</figcaption>
                    <p>今天看了全天唯一一场原声的<mark>《敢死队》</mark>。有好事者统计，这群肌肉大叔的年龄加起来是439岁，平均年龄超过了50岁，其中岁数最大的<mark>史泰龙</mark>64岁，岁数最小的<mark>杰森·斯坦森</mark>也有38岁，堪称老男人团。一帮纯爷们拍出的电影，当然是没有什么剧情，从头劲爆到尾。 旁边有个陌生的软妹睡死过去。全场的男性都异常亢奋。廉颇老矣，尚能饭否。当然是宝刀未老了。<mark>史泰龙</mark>全程曾哥附......</p>
                    <img src="images\444.jpg">
                </li>
            </ul>
        </details>
    </article>

list-style: none; 去除

/* 想要图片居中对齐要让它的父亲p标签添加水平居中对齐text-align: center; */
<p class="pic">
    <img src="image\22.png">
</p>