در جلسه نوزدهم آموزش متنی Html در خدمت شما هستیم با آموزش عناصر کد کامپیوتر در HTML از وب سایت آموزش برنامه نویسی سورس باران. با ما همراه باشید…
Computer Code یا کد کامپیوتر در HTML
در زیر یک نمونه از کد کامپیوتر در HTML را مشکل میکنید:
<code> x = 5;<br> y = 6;<br> z = x + y; </code>پیشنمایش
عنصر <kbd> در اچ تی ام ال برای ورودی های صفحه کلید
عنصر <kbd> در HTML نشان دهنده ورودی کاربر مانند ورودی کیبورد یا فرامین صوتی است. متنی که توسط تگهای <kbd> احاطه شدهاند معمولا با قلم تک فاصله پیشفرض خود مرورگر نمایش داده میشوند :
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
نتیجه : با فشار دادن دکمههای Ctrl + S سند را ذخیره کنید.
عنصر <samp> در HTML جهت نمایش خروجی های برنامه
عنصر <spam> در HTML نشاندهنده خروجی از یک برنامه یا سیستم کامپیوتری است. متنی که در بین تگهای <spam> قرار میگیرد معمولا با قلم تک فاصله پیشفرض خود مرورگر نمایش داده میشود :
<p>If you input wrong value, the program will return <samp>Error!</samp></p>
نتیجه : اگر مقداری ورودی اشتباه باشد، برنامه پیغام Error را باز میگرداند.
عنصر <code> در HTML برای نمایش کد های کامپیوتری
عنصر <code> در HTML یک تکه از کد کامپیوتر را تعریف میکند. متنی که بین تگهای <code> قرار میگیرد معمولا با قلم تک فاصله پیشفرض خود مرورگر نمایش داده میشود:
<code> x = 5; y = 6; z = x + y; </code>
خروجی :
x = 5; y = 6; z = x + y;پیشنمایش
توجه داشته باشید که عنصر <code> فضای سفید اضافه یا شکست در خط را حفظ نمی کند. برای رفع این مشکل میتوانید عنصر <code> را درون یک عنصر <pre> قرار دهید. به مثال زیر توجه کنید:
<pre> <code> x = 5; y = 6; z = x + y; </code> </pre>
خروجی :
x = 5; y = 6; z = x + y;
عنصر <var> در اچ تی ام ال برای متغیر ها
عنصر <var> در HTML یک متغیر (variable) تعریف میکند. این متغیر میتواند در یک عبارت ریاضی یا در کدهای برنامه نویسی باشد :
Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.
خروجی :
Einstein wrote: E = mc2.پیشنمایش
تگ | توضیحات |
---|---|
<code> | کدهای برنامه نویسی را مشخص می کند. |
<kbd> | ورودی صفحه کلید را مشخص می کند. |
<samp> | خروجی کامپیوتری را مشخص می کند. |
<var> | برای تعریف متغیر کاربرد دارد. |
<pre> | متن را به همان شکلی که تایپ شده نمایش می دهد. |
منبع : W3Schools
لیست جلسات قبل آموزش Html
- آموزش اصول اولیه و عناصر HTML
- آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
- آموزش کار با پاراگراف و استایل در Html
- آموزش کار با قالب بندی متن در Html
- آموزش کار با کامنت در HTML
- آموزش کار با کامنت در HTML
- آموزش کار با رنگ ها در HTML
- آموزش کار با تصاویر در HTML
- آموزش کار با لینک در HTML
- آموزش کار با جدول در HTML
- آموزش کار با لیست ها در HTML
- آموزش کار با عناصر Block و Inline در HTML
- آموزش کار با عنصر Class در HTML
- آموزش Html؛ آموزش iframe در HTML
- آموزش Html؛ آموزش جاوا اسکریپت در HTML
- آموزش کار با عنصر Head در HTML
- آموزش Layout در HTML
- آموزش طراحی سایت ریسپانسیو در HTML
- آموزش عناصر کد کامپیوتر در HTML
- آموزش موجودیت (Entities) در HTML
- آموزش نمادها (Symbols) در HTML
- آموزش کار با Character (کاراکترهای رزرو شده) در HTML
- آموزش رمزگذاری URL در HTML
- آموزش کامل کار با فرم ها در HTML
- آموزش انواع ورودی (Input) در HTML
- آموزش خصوصیات ورودی در HTML
حتما بخوانید 1 : فیلم آموزش رایگان Html مهندس رحمانی
حتما بخوانید 1 : فیلم آموزش رایگان CSS مهندس رحمانی
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.
- منبع : سورس باران
- رمز فايل : www.sourcebaran.com
- انتشار: ۲۱ آذر ۱۳۹۸
دسته بندی موضوعات
- آموزش برنامه نویسی
- آموزش کریپتو کارنسی (ارز دیجیتال)
- آموزش متنی برنامه نویسی
- پروژه برنامه نویسی
- فروشگاه
- فیلم های آموزشی
- #F
- ++C
- 3ds max
- Ada
- ADO.NET
- Adobe Flash
- Agile
- Ajax
- AngularJS
- Anime Studio
- apache
- ARM
- Asp.Net
- ASP.NET MVC
- assembly
- AVR
- Azure
- Bootstrap
- Cassandra
- CCNA
- CCNP
- CCSP
- ChatGPT
- Cisco
- CMD
- COBOL
- CSS
- Cython
- Django
- Dreameaver
- Elixir
- EntityFramework
- Erlang
- Flash
- Go
- Groovy
- Haskell
- Htaccess
- HTML
- IOS
- Jade
- jquery
- Kendo UI
- Linq
- Linux
- LUA
- MariaDB
- maya
- Meteor
- MongoDB
- Mono Android
- MonoGame
- Mysql
- NoSQL
- Oracle
- Orchard
- Perl
- php
- PHPMyAdmin
- R
- Rational Rose
- Ruby
- Rust
- Scala
- Scrum Master
- SFML
- SharePoint
- SignalR
- silver light
- SQL Server
- Stimulsoft Reports
- Telerik
- UML
- VB.NET&VB6
- Vue 3
- WPF
- Xml
- آردوینو
- آموزش های پروژه محور
- آیونیک
- اتوکد
- الگوریتم تقریبی
- الگوریتم نویسی و فلوچارت
- امنیت
- اندروید
- اندروید استودیو
- انیمیشن سازی
- بازی سازی با Scratch
- بک ترک
- بیسیک فور اندروید
- پایتون
- پرولوگ
- پریمیر
- جاوا
- جاوا اسکریپت
- جنگو
- جوملا
- دارت
- دلفی
- دوره های رایگان پیشنهادی
- زامارین
- سئو
- ساخت CMS
- ساخت اتوران
- ساختمان داده ها
- سی شارپ
- شبکه و مجازی سازی
- طراحی الگوریتم
- طراحی بازی
- طراحی وب
- فتوشاپ
- فریم ورک codeigniter
- فلاتر
- کاتلین
- کامپایلرها
- کانستراکت
- کریستال ریپورت
- کلوژر
- گوگل آنالیتیکس
- گیت
- لاراول
- مای بی بی
- مایکروسافت پروجکت
- متریال دیزاین
- متلب
- معماری کامپیوتر
- مهندسی اینترنت
- میکروتیک
- نود جی اس
- نیوک
- هوش مصنوعی
- ویبولوتین
- ویژوال استودیو
- یونیتی
- کتاب های آموزشی
- Ada
- Ajax
- Android
- ASP.NET
- ASP.NET Core
- AVR
- clips
- CNC
- COBOL
- CQRS
- Cython
- Dreamweaver
- Elixir
- Entity Framework 4.0
- Erlang
- Go
- Groovy
- Haskell
- LINQ
- Lua
- Matlab
- MFC
- Node.js
- PERL
- php
- PLC
- Prolog
- React
- Rust
- Scala
- SFML
- SharePoint
- silver light
- VHDL
- VMware
- WinJS
- Workflow
- WPF
- XHTML
- Yii Framework
- اتوکد
- اچ تی ام ال
- اسمبلی
- اکتیو ایکس
- الگوریتم و فلوچارت
- انگولار
- اوبونتو
- اوراکل
- بازی سازی
- بانک اطلاعاتی
- برنامه نویسی سوکت
- برنامه نویسی موبایل
- بک ترک
- پاسکال
- پایان نامه
- پایتون
- پرولوگ
- جاوا
- جاوا اسکریپت
- جی کوئری
- حوملا
- داده کاوی
- دلفی
- رباتیک
- روبی
- زبان ماشین
- سئو
- ساختمان داده ها
- سایر کتاب ها
- سخت افزار
- سوئیفت
- سی اس اس
- سی پلاس پلاس
- سی شارپ
- سیستم عامل
- سیستم های خبره
- شبکه و مجازی سازی
- شبیه سازی کامپیوتر
- طراحی الگوریتم
- فتوشاپ
- فریم ورک گتنا
- کاتلین
- کالی لینوکس
- کریستال ریپورت
- گزارش کارآموزی
- گوگل
- لیسپ
- متلب
- مقاله
- مهندسی نرم افزار
- نیوک
- هوش مصنوعی
- وب مستر
- ویژوال بیسیک
- نرم افزار و ابزار برنامه نویسی
- وردپرس