تک دیک

واژه نامه و مجله آموزشی کامپیوتر و تکنولوژی

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages
Filter by Categories
A
B
C
D
E
F
G
H
I
J
K
L
M
N
Numbers
O
P
Q
R
S
T
U
V
W
Y
Z
آگهی
اپلیکیشن ها
اچ‌تی‌ام‌ال
اسکرچ
اشخاص و شرکت ها
امنیت
امنیت آنلاین
اندروید
اینترنت
پایتون
پرسش و پاسخ
جاوااسکریپت
حروف انگلیسی
خبر
دوره های آموزشی
سخت‌افزار
سی‌اس‌اس
شبکه
فنی
کنسول جستجوی گوگل
گرافیک
لینوکس
مایکروسافت اکسل
مایکروسافت پاورپوینت
مایکروسافت ورد
مبانی کامپیوتر
مجله
مجله – امنیت
مجله – بازی
مجله – برنامه نویسی
مجله – دنیای اینترنت
مجله – سخت افزار
مجله – سیستم
مجله – شبکه
مجله – شبکه های اجتماعی
مجله – عمومی
مجله – گوشی‌های هوشمند
مجله – نرم افزار
مجله – ویندوز
مقدماتی
موضوعی
نرم‌افزار
وردپرس

درج کد در HTML با کمک المان <code>

درج کد در HTML با کمک المان code

المان <code> در HTML برای درج کد در صفحات وب به کار می‌رود. محتوای داخلی این المان به شکلی نمایش داده می‌شود که گویا یک قطعه کد کامپیوتری است. در واقع برای نمایش متن المان <code>، معمولا از فونت تک فاصله (یا مونواسپیس) پیشفرض در مرورگر استفاده می‌شود.

برای درج متن به عنوان کد در HTML کافیست مشابه با نمونه زیر، متن موردنظر را مابین تگ شروع <code> و تگ پایان </code> قرار دهید.

<p><code>fmod(a, b)</code> returns the remainder of a/b.</p>

نتیجه المان های فوق معمولا مشابه با تصویر زیر توسط مرورگر رندر می‌شود. در این مثال fmod(a, b) با فونت تک‌فاصله نمایان می‌شود.

نتیجه نمایش کد به صورت اینلاین در یک پاراگراف در صفحه وب

یک نکته در مورد درج کد چند خطی در HTML

المان <code> به تنهایی و به صورت پیشفرض، متن خود را در یک خط به صورت اینلاین نمایش می‌دهد. برای نمایش کدهای چند خطی لازم است المان <code> را مشابه با مثال زیر داخل یک المان <pre> قرار دهید. (استفاده از المان <pre> باعث می‌شود فاصله‌های اضافی و خطوط موجود در متن حفظ شود).

<pre><code>$a = 5;
$b = 2;
$c = fmod($a, $b);</code></pre>

نتیجه مثال فوق نیز به صورت زیر خواهد بود:

نتیجه نمایش یک کد چند خطی در صفحه اچ تی ام ال

بازگشت به فهرست مجموعه آموزشی HTML

تولید و انتشار محتوای تخصصی علاوه بر زمان، هزینه هم دارد. بخش عمده هزینه‌های تک‌دیک با بودجه شخصی و حمایت‌های شما کاربران گرامی تأمین می‌شود. اگر محتوای این صفحه برای شما مفید واقع شده با روش‌های مختلفی از سراسر دنیا می‌توانید در تکمیل و تداوم فعالیت این سایت به گروه کوچک ما کمک کنید و در اجر معنوی آن نیز سهیم شوید. ما صمیمانه قدردان این محبت شما هستیم.

ما در تک‌دیک تلاش می‌کنیم محتوایی دقیق، واضح و بدون اشتباه منتشر کنیم. به همین دلیل هر مطلب پیش از انتشار بارها بازبینی می‌شود. از طرف دیگر با توجه به حجم بالای مطالب به کمک شما هم نیاز داریم. اگر احساس می‌کنید محتوای این صفحه باید بروزرسانی، تکمیل یا تصحیح شود و یا سوالی در مورد این مطلب دارید که بدون پاسخ مانده خوشحال می‌شویم آن را در بخش دیدگاه‌های همین مطلب با ما در میان بگذارید.

دیدگاه‌ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته‌های بیشتر

تبلیغات متنی ساده