ember/front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修正markdown说明

Browse Source
This commit is contained in:
Ember 2024-07-02 19:29:57 +08:00
parent 8a8c6a7d19
commit de2222846d
1 changed files with 1 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
submission/index.html
View File

@ -362,16 +362,10 @@ markdown 基本语法教程 空格与换行 markdown 语法对于空格与换行
</span></span></code></pre></div><p>效果：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>这是一个代码块。
</span></span></code></pre></div><h4 id="图片">图片<a hidden class="anchor" aria-hidden="true" href="#图片">#</a></h4>
<p>使用<code>![替代文本](图片URL)</code>格式插入图片。例如：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>![图片](https://emberimg.oss-cn-beijing.aliyuncs.com/images/neucartoon.png)
</span></span></code></pre></div><p>效果：</p>
<img src="https://emberimg.oss-cn-beijing.aliyuncs.com/images/neucartoon.png" alt="图片" width="200">
<h4 id="调整图片大小">调整图片大小<a hidden class="anchor" aria-hidden="true" href="#调整图片大小">#</a></h4>
<p>使用 HTML 标签的 <code>width</code> 和 <code>height</code> 属性来调整图片的大小。例如：</p>
<p>使用 HTML 标签的 <code>width</code> 和 <code>height</code> 属性来在引用的同时调整图片的大小。例如：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">img</span> <span style="color:#a6e22e">src</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://emberimg.oss-cn-beijing.aliyuncs.com/images/neucartoon.png&#34;</span> <span style="color:#a6e22e">alt</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;图片&#34;</span> <span style="color:#a6e22e">width</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;100&#34;</span> <span style="color:#a6e22e">height</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;100&#34;</span>&gt;
</span></span></code></pre></div><p>效果：</p>
<img src="https://emberimg.oss-cn-beijing.aliyuncs.com/images/neucartoon.png" alt="图片" width="100" height="100">
<h4 id="按比例调整图片大小">按比例调整图片大小<a hidden class="anchor" aria-hidden="true" href="#按比例调整图片大小">#</a></h4>
<p>您也可以只设置 <code>width</code> 或 <code>height</code>，浏览器会自动按比例调整图片。例如：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">img</span> <span style="color:#a6e22e">src</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://emberimg.oss-cn-beijing.aliyuncs.com/images/neucartoon.png&#34;</span> <span style="color:#a6e22e">alt</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;图片&#34;</span> <span style="color:#a6e22e">width</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;150&#34;</span>&gt;
</span></span></code></pre></div><p>效果：</p>