کاراکترهای ویژه علائم و نشانه هایی هستند که در صفحه کلید وجود ندارند و باید بصورت کد وارد شوند تا در صفحه مرورگر وب نشان داده شوند؛ مانند : ♥ – © – ½ – → – ★ – ☺ – ♪ – ÷
آنچه در این فیلم آموزشی خواهید آموخت :
- آشنایی با کاراکترهای ویژه در طراحی وب سایت
- نحوه نمایش و قواعد درج کاراکترهای ویژه در html
- معرفی لیست کامل کاراکترهای ویژه در طراحی صفحات وب
- آشنایی با کاربردهای کاراکترهای ویژه
[hdplay id=4]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’http://www.dl.onliner.co/html-videos/special-characters.mp4′]دانلود فیلم آموزش ایجاد کاراکترهای ویژه در صفحات وب[/video_download]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش ساخت یک گالری با HTML
- آموزش بعدی : فیلم آموزش کار با فرم ها (form) در HTML
- لیست فیلم ها : فیلم های آموزش جامع HTML
متن فیلم آموزشی ایجاد کاراکترهای ویژه در صفحات وب
کاراکتر های ویژه
کاراکترهای ویژه (Special Character)، نشانه هایی هستند که در صفحه کلید وجود ندارند و بصورت عادی بر روی صفحات وب نمایش داده نمی شوند و باید بصورت کد وارد شوند تا در صفحه نشان داده شوند. این کاراکترها شامل علائم ریاضی، فلش ها، نمادها، حروف یونانی و اشکال هستند.
تمامی کاراکترهای ویژه با علامت امپرسند (&) شروع می شوند و با علامت سمیکالون (;) پایان می یابند و بین این دو، کد مخصوص کاراکتر که شامل حرف و عدد می باشد، قرار می گیرد.
[html]
© => ©
& => &
♥ => ♥
[/html]
همانطور که گفتیم ما به وسیله کاراکترها می توانیم علامت هایی را نمایش دهیم که حتی در صفحه کلید هم وجود ندارند.
Dreamweaver خوشبختانه کار ما راحت کرده است، شما می توانید با زدن علامت & لیست کاراکترهای ویژه و نحوه نمایش آن در خروجی را مشاهده کنید و کاراکتر موردنظر خود را انتخاب نمایید.
فرض کنید برای آموزش html می خواهید به کاربران opening tag (تگ بازشونده) <div> را نشان دهید. اگر این را در صفحه وب خود قرار دهیم html آن را یک تگ می داند و در خروجی نشان داده نمی شود، پس باید از کاراکترهای ویژه کمک بگیریم :
[html]
<div>
[/html]
خروجی بصورت تگ <div> نمایش داده می شود.
به عنوان مثال می خواهیم کنار <div> از کاراکتر Copy&write و قلب استفاده کنیم :
[html]
<div>
©
♥
[/html]
لیستی از کاراکترهای ویزه پرکاربرد را در جدول زیر می توانید مشاهده کنید :
نام کاراکتر |
شکل ظاهری کاراکتر | کد کاراکتر |
علامت کپی رایت |
© |
© |
علامت ثبت شده |
® |
® |
علامت کوچکتر از |
< |
< |
علامت بزرگتر از |
> |
> |
» |
» |
|
« |
« |
|
علامت تجاری |
™ |
™ |
درجه |
° |
° |
یورو |
€ |
€ |
پوند انگلیس |
£ |
£ |
تقسیم |
÷ |
÷ |
رادیکال |
√ |
√ |
علامت تعجب وارونه |
¡ |
¡ |
میکرو |
µ |
µ |
¿ |
¿ |
|
♥ |
♥ |
|
∞ |
∞ |
|
انتگرال |
∫ |
∫ |
∆ |
∆ |
|
║ |
║ |
|
│ |
│ |
|
↔ |
↔ |
|
★ |
★ |
|
♫ |
♫ |
|
☺ |
☺ |
دسترسی سریع :
- آموزش قبلی : فیلم آموزش ساخت یک گالری با HTML
- آموزش بعدی : فیلم آموزش کار با فرم ها (form) در HTML
- لیست فیلم ها : فیلم های آموزش جامع HTML