آموزش کد در بوت استرپ

saber

4 سال پیش

امتیاز دهید post

آموزش کد در بوت استرپ

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش کد در بوت استرپ خواهیم پرداخت.

بوت استرپ به شما امکان می دهد کد را با دو روش کلیدی مختلف نمایش دهید –

اولین تگ <code> است. اگر می خواهید کد را بصورت درون خطی نمایش دهید ، باید از برچسب <code> استفاده کنید.

دوم تگ <pre> است. اگر کد باید به عنوان یک عنصر بلوک مستقل نمایش داده شود یا چندین خط داشته باشد ، باید از تگ <pre> استفاده کنید.

اطمینان حاصل کنید که هنگام استفاده از تگ <pre> و <code> از انواع unicode برای برچسب های باز و بسته استفاده می کنید – & lt؛ و & gt ؛.
اجازه دهید مثالی را در زیر مشاهده کنیم –

&lt;p&gt;&lt;code&gt;&amp;lt;header&amp;gt;&lt;/code&gt; is wrapped as an inline element.&lt;/p&gt;
&lt;p&gt;To display code as a standalone block element use &amp;lt;pre&amp;gt; tag as:&lt;/p&gt;

&lt;pre&gt;
   &amp;lt;article&amp;gt;
      &amp;lt;h1&amp;gt;Article Heading&amp;lt;/h1&amp;gt;
   &amp;lt;/article&amp;gt;
&lt;/pre&gt;

<p><code>&lt;header&gt;</code> is wrapped as an inline element.</p>

<p>To display code as a standalone block element use &lt;pre&gt; tag as:</p>

<pre>

&lt;article&gt;

&lt;h1&gt;Article Heading&lt;/h1&gt;

&lt;/article&gt;

</pre>

&lt;header&gt; is wrapped as an inline element.

To display code as a standalone block element use &lt;pre&gt; tag as:

         &lt;article&gt;
            &lt;h1&gt;Article Heading&lt;/h1&gt;
         &lt;/article&gt;

<header> is wrapped as an inline element.

To display code as a standalone block element use <pre> tag as:

<h1>Article Heading</h1>

</article>

منبع.

لیبست جلسات قبل آموزش بوت استرپ

امتیاز دهید post

نویسنده مطلب saber

آموزش کد در بوت استرپ

آموزش کد در بوت استرپ

لیبست جلسات قبل آموزش بوت استرپ

دیدگاه شما

بدون دیدگاه

آموزش کد در بوت استرپ

لیبست جلسات قبل آموزش بوت استرپ

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه