آشنایی با HTML Head

عنصر head

عنصر head حاوی اطلاعات اصلی که همچنین meta-information نیز نامیده می شود در یک پرونده است.

اطلاعات داخل عنصر head

عناصر داخل عنصر head نباید توسط مرورگر نشان داده شوند. مطابق HTML استاندارد فقط برچسب های کمی بطور قانونی داخل بخش head هستند که عبارتند از , <script> <style> , <title> , <meta> , <link> , <base>
به ساختار ناصحیح زیر دقت کنید

ادامه مطلب…







استایل در HTML

چگونه از style استفاده کنیم

هنگامی که یک مرورگر CSS را می خواند، پرونده را بر طبق آن قالب بندی خواهد کرد. ۳ راه برای وارد کردن یک CSS وجود دارد.

CSS خارجی:

یک CSS خارجی زمانی ایده آل است که آن style در بیشتر صفحات استفاده شود. با یک CSS خارجی شما می توانید ظاهر یک سایت را با تغییر دادن یک فایل تغییر دهید.هر صفحه باید با استفاده از برچسب <link> به CSS پیوند داده شود. برچسب link در داخل بخش head قرار می گیرد.

 

CSS داخلی:

یک CSS داخلی باید هنگامی استفاده شود که یک تک پرونده یک style واحد دارد. شما style داخلی را با برچسب style در قسمت head می توانید معرفی کنید.

 

 

style درون خطی

یک style درون خطی باید هنگامی استفاده شود که واحد برای یک رویداد عنصر واحدی خواسته شود. برای استفاده از style درون خطی شما از موجودیت های style در برچسب های مناسب استفاده کنید. موجودیت style می تواند حاوی هر خاصیت CSS باشد. مثال نشان می دهد که چگونه رنگ و چپ چین بودن پاراگراف را تعیین کنید.

 

 

برچسب های style

Tag توضیحات
<style> یک تعریف style را تعریف می کند
<link> منبع یک مرجع را معرفی می کند
<div> یک بخش در یک پرونده را معرفی می کند.
<span> یک بخش در یک پرونده معرفی می کند.
<font> به جای آن از style استفاده کنید
<basefont> به جای آن از style استفاده کنید
<center> به جای آن از style استفاده کنید

ادامه مطلب…







فونت های HTML

برچسب font در HTML دیگر توصیه نمی شود و گمان می شود که از نسخه های بعدی HTML حذف شود. هرچند تعداد زیادی از مردم از آن استفاده کنند ، شما باید سعی کنید که از آن اجتناب کنید وبجای آن از style استفاده کنید.

برچسب font در HTML

با کد های HTML مثل این شما می توانیداندازه و نوع خروجی مرورگر را تعیین کنید:

ادامه مطلب…







اسامی رنگ ها در HTML

در این صفحه شما یک جدول از اسامی رنگ هایی پیدا خواهید کردکه با بیشتر مرورگرها پشتیبانی می شوند.
توجه: فقط ۱۶ نام رنگ با استاندارد W3C HTML 4.0 پشتیبانی می شوند. برای بقیه رنگ ها باید از مقادیر مبنای ۱۶ آنها استفاده کرد.

ادامه مطلب…







مقادیر رنگ های HTML

رنگ ها با ترکیب نورهای قرمز و سبز آبی نمایش داده می شوند.

مقدار رنگ ها

رنگ های HTML با استفاده از نوشتن یک عدد مبنای ۱۶ از ترکیب مقدار رنگ های قرمز و سبز وآبی معرفی می شود. کمترین مقداری که می توان به یکی از منابع نوری داد صفر است (hex#00)بیشترین مقدار هم ۲۵۵ است (hex#ff)

 

قرمز را خاموش کنید

اگر شما رنگ قرمز را بطور کامل خاموش کنید، ۶۵۵۳۶ رنگ متفاوت از ترکیب آبی و سبز وجود خواهد داشت.

قرمز را روشن کنید

با تنظیم کردن پارامتر قرمز به بیشترین مقدارش ، ۶۵۵۳۶ رنگ متفاوت از آبی و سبز وجود خواهد داشت.

۱۶ میلیون رنگ متفاوت

ترکیب مقادیر قرمز و سبز آبی از صفر تا ۲۵۵ بیش از ۱۶ میلیون رنگ متفاوت (۲۵۶*۲۵۶*۲۵۶) می دهد. بیشتر نمایشگرهای مدرن قادر به نمایش ۱۶۳۸۴ رنگ متفاوت هستند.اگر شما به جدول رنگ پایین نگاه کنید، شما نتایج مختلف تغییرات رنگ قرمز از صفر تا ۲۵۵ را در حالی که سبز و آبی صفر هستند خواهید دید. برای دیدن لیست کامل ۱۶۳۸۴ رنگ متفاوت که بر پایه قرمز از صفر تا ۲۵۵ هستند بر روی یکی از مقادیر مبنای ۱۶ یا rgb زیر کلیک کنید.

Red Light HEX RGB
#۰۰۰۰۰۰ rgb(0,0,0)
#۰۸۰۰۰۰ rgb(8,0,0)
#۱۰۰۰۰۰ rgb(16,0,0)
#۱۸۰۰۰۰ rgb(24,0,0)
#۲۰۰۰۰۰ rgb(32,0,0)
#۲۸۰۰۰۰ rgb(40,0,0)
#۳۰۰۰۰۰ rgb(48,0,0)
#۳۸۰۰۰۰ rgb(56,0,0)
#۴۰۰۰۰۰ rgb(64,0,0)
#۴۸۰۰۰۰ rgb(72,0,0)
#۵۰۰۰۰۰ rgb(80,0,0)
#۵۸۰۰۰۰ rgb(88,0,0)
#۶۰۰۰۰۰ rgb(96,0,0)
#۶۸۰۰۰۰ rgb(104,0,0)
#۷۰۰۰۰۰ rgb(112,0,0)
#۷۸۰۰۰۰ rgb(120,0,0)
#۸۰۰۰۰۰ rgb(128,0,0)
#۸۸۰۰۰۰ rgb(136,0,0)
#۹۰۰۰۰۰ rgb(144,0,0)
#۹۸۰۰۰۰ rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)

سایه های خاکستری

رنگ های خاکستری با استفاده از مقادیر برابر منابع رنگی نمایش داده می شوند.برای آسان تر ساختن آن برای شما برای آنکه رنگ خاکستری را درست انتخاب کنید ما یک جدول از سایه های خاکستری برای شما جمع آوری کرده ایم.

RGB(0,0,0) #۰۰۰۰۰۰
RGB(8,8,8) #۰۸۰۸۰۸
RGB(16,16,16) #۱۰۱۰۱۰
RGB(24,24,24) #۱۸۱۸۱۸
RGB(32,32,32) #۲۰۲۰۲۰
RGB(40,40,40) #۲۸۲۸۲۸
RGB(48,48,48) #۳۰۳۰۳۰
RGB(56,56,56) #۳۸۳۸۳۸
RGB(64,64,64) #۴۰۴۰۴۰
RGB(72,72,72) #۴۸۴۸۴۸
RGB(80,80,80) #۵۰۵۰۵۰
RGB(88,88,88) #۵۸۵۸۵۸
RGB(96,96,96) #۶۰۶۰۶۰
RGB(104,104,104) #۶۸۶۸۶۸
RGB(112,112,112) #۷۰۷۰۷۰
RGB(120,120,120) #۷۸۷۸۷۸
RGB(128,128,128) #۸۰۸۰۸۰
RGB(136,136,136) #۸۸۸۸۸۸
RGB(144,144,144) #۹۰۹۰۹۰
RGB(152,152,152) #۹۸۹۸۹۸
RGB(160,160,160) #A0A0A0
RGB(168,168,168) #A8A8A8
RGB(176,176,176) #B0B0B0
RGB(184,184,184) #B8B8B8
RGB(192,192,192) #C0C0C0
RGB(200,200,200) #C8C8C8
RGB(208,208,208) #D0D0D0
RGB(216,216,216) #D8D8D8
RGB(224,224,224) #E0E0E0
RGB(232,232,232) #E8E8E8
RGB(240,240,240) #F0F0F0
RGB(248,248,248) #F8F8F8
RGB(255,255,255) #FFFFFF

ادامه مطلب…







رنگ های HTML

رنگ ها با ترکیب منابع نوری قرمز ، سبز و آبی معرفی می شوند.

محتوای رنگ ها

رنگ ها با استفاده از نشان گذاری مبنای ۱۶ برای ترکیب مقدار رنگ قرمز و سبز آبی معرفی می شوند. پایین ترین مقدار رنگی که می توان به یک منبع رنگی داد صفر است (hex #00) و بالاترین مقدار ۲۵۵ است(hex #ff).

این جدول حاصل ترکیب منابع نوری قرمز و سبز و آبی را نشان می دهد:

رنگ مبنای ۱۶ rgb
#۰۰۰۰۰۰ rgb(0,0,0)
#FF0000 rgb(255,0,0)
#۰۰FF00 rgb(0,255,0)
#۰۰۰۰FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#۰۰FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)

ادامه مطلب…







پس زمینه های HTML

یک پس زمینه خوب می تواند ظاهر یک سایت را واقعا عالی کند.

پس زمینه ها

برچسب <body> دو موجودیت دارد که شما می توانید با استفاده از آن پس زمینه را تعیین کنید. پس زمینه می تواند یک رنگ یا تصویر باشد.

Bgcolor

موجودیت Bgcolor ، رنگ پس زمینه یک صفحه HTML را تعیین می کند.محتوای این موجودیت می تواند یک عدد مبنای ۱۶ ، یک مقدار RGB یا نام یک رنگ باشد:

 

ادامه مطلب…







فرم ها و ورودی های HTML

فرم های HTML به منظور انتخاب انواع مختلف ورودی های کاربر استفاده می شوند.

فرم ها

یک فرم ، منطقه ای حاوی عناصر فرم است.عناصر فرم ، عناصری هستند که به کاربر اجازه می دهند تا اطلاعات را (مثل فیلدهای متنی ، فیلدهای text area ، لیست های پایین افتان، دکمه های رادیویی ، چک باکس ها و…) در فرم وارد کند.یک فرم با برچسب <form> معرفی می شود.

ادامه مطلب…







لیست های HTML

HTML از لیست های مرتب ، نامرتب و تعریفی پشتیبانی می کند.

لیست های نامرتب

یک لیست نامرتب ، لیستی از اقلام است.اقلام لیست بوسیله گلوله نشان گذاری می شوند (معمولا یک دایره سیاه کوچک).یک لیست نامرتب با یک برچسب <ul> آغاز می شوند.هر کدام از اقلام لیست با برچسب <li> آغاز می شوند.

 

  • Cofee
  • Milk

 

داخل اقلام لیست می توانید پاراگراف ها، پرش به خط بعد ، عکس ها، پیوند ها ، لیست های دیگر و … قرار دهید.

ادامه مطلب…







قاب های HTML

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

قابها
هر پرونده HTML یک قاب نامیده می شود ، و هر قاب نیز مستقل از دیگر قاب هاست. بدی استفاده از قاب ها این است که :

توسعه دهنده وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشد.
چاپ کردن کل صفحه مشکل است

برچسب Frameset

برچسب <frameset> معرفی می کند که چگونه می شود پنجره را به قابها تقسیم کرد.
هر frameset یک مجموعه از سطرها یا ستون ها را معرفی می کند.

برچسب Frame

برچسب <frame> پرونده HTML ای را معرفی می کند که در هر قاب قرار می گیرد.

در مثال پایین یک frameset با دو ستون داریم. ستون اول با پهنای ۲۵% از پنجره مرورگر ست شده است.ستون دوم با پهنای ۷۵% از پنجره مرورگر ست شده است. پرونده “HTML “frame_a.html در ستون اول قرار گرفته و پرونده “HTML “frame_b.html در ستون دوم قرار داده شدهاست.

نکات پایه ای-اطلاعات مفید
اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید “noresize=”noresize را به برچسب <frame> اضافه کنید. اگر برچسب <noframes> را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.

ادامه مطلب…







پیوندهای HTML

HTML برای پیوند به پرونده های دیگر در وب از فرا پیوندها استفاده می کند.

 

برچسب Anchor و موجودیت Href

HTML از برچسب <a> برای ساخت یک پیوند به پرونده های دیگر استفاده می کند. یک anchor می تواند به هر منبعی در وب اشاره کند.یک صفحه HTML ، یک عکس ، یک فایل صوتی ، یک فیلم و … .

دستورالعمل ساخت یک Anchor

 

در هنگام ساختن یک Anchor باید مکانی که پیوند به آن پرونده اشاره میکند را مشخص کرد. برای نمایش آدرس پرونده از موجودیت href استفاده می شود.کلمات بین بر چسب آغازو پایان Anchor به عنوان فرا پیوند نمایش داده می شود.
این Anchor یک پیوند به html.ir را معرفی می کند:

 

خط بالا شبیه این نشان داده خواهد شد :

پیوندها


موجودیت Target

با موجودیت هدف شما می توانید معرفی کنید که پرونده های پیوند داده شده کجا باز شوند. خط زیر پرونده ای را در یک پنجره مرورگر جدید باز خواهد کرد.

برچسب Anchor و موجودیت نام

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

ادامه مطلب…







موجودیت های HTML

تعدادی از کاراکترها مثل کاراکتر “>” یک معنی خاص در HTML دارندو از این رو نمی توان از آنها در متن ها استفاده کرد. برای نشان دادن علامت کوچکتر از “>” ما باید از یک موجودیت کاراکتر استفاده کنیم.

موجودیت های کاراکتر

تعدادی از کاراکترها یک معنی خاص در HTML دارند.مثل علامت کوچکتر از “>” که شروع یک برچسب HTML را معرفی می کند.اگر ما بخواهیم که مرورگر عملا این کاراکتر ها را نشان بدهد باید در منبع کد HTML موجودیت های کاراکتر را وارد کنیم.
یک موجودیت کاراکتر سه بخش دارد: یک علامت “&” ، یک موجودیت اسم یا یک علامت “#” و یک موجودیت عددو در نهایت یک “;”.
برای نمایش یک علامت کوچکتر از در یک پرونده HTML ما باید بنویسیم: ;lt& یا ;۶۰#& .
فایده استفاده از یک نام بجای یک عدد این است که به خاطر سپردن یک نام آسان تر است و اشکال آن این است که همه مرورگر ها موجودیت کاراکترها را پشتیبانی نمی کنند در حالی که تقریبا همه مرورگرها خیلی خوب از موجودیت عددها پشتیبانی می کنند.
توجه کنید که موجودیت ها حساس به حروف کوچک و بزرگ هستند.

ادامه مطلب…







قالب بندی متن HTML

چگونه منبع HTML را ببینیم؟

آیا شما تا حالا صفحه ای را دیده اید که از دیدن آن شگفت زده شده با شید وبگویید چگونه این کار را انجام داده اند؟
برای پیدا کردن آن بسادگی بروی گزینه view روی نوار ابزار کلیک کنید وگزینه source یا page source را انتخاب کنید.آن یک پنجره ای را باز خواهد کرد که به شما HTML واقعی آن صفحه را نشان خواهد داد.







برچسب های پایه HTML

مهمترین برچسب در HTML برچسب هایی هستند که سر تیتر ها ، پاراگراف ها و پرش به خط بعد را معرفی می کنند. بهترین راه یادگرفتن HTML کار کردن با مثال هاست.
مثالها

ساده ترین Html
این مثال ساده ترین نمونه html است که در آن، از کمترین برچسب ممکن، استفاده شده است. در این مثال جمله نوشته شده درون برچسب body، نمایش داده می شود.

پاراگراف ساده
این مثال نشان می دهد، که نوشته داخل برچسب پاراگراف، چگونه نمایش داده می شود.

ادامه مطلب…







عناصر HTML

پرونده های HTML فایل های متنی هستند که با عناصر HTML ساخته شده اند.عناصر HTML با استفاده از برچسب های HTML تعریف می شوند.
برچسب های HTML

برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
این کاراکتر های محاط کننده قلاب نامیده می شوند
بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است. ادامه مطلب…







ترفندهای کاربردی وایبر

وایبر یک نرم افزار ارتباطی است از طریق اینترنت ارتباط نوشتاری صوتی و تصویری را میان کاربران خود ایجاد می نماید. این نرم افزار بر روی سیستم های آندرویدی، ویندوز فون، ویندوز، مک، و ios وجود دارد .

در این مطلب ما نکاتی را به شما آموزش خواهیم داد تا از این نرم افزار ارتباطی به شکل حرفه ای تر استفاده نمایید.

توجه: نکات آموزش داده شده در این مطلب مربوط به نسخه آندروید این نرم افزار می باشد و ممکن است این امکانات در نسخه های دیگر (ویندوز، مک و …) وجود نداشته و یا به شکل دیگری باشد. ادامه مطلب…







شتاب‌ دهنده‌ های سخت‌افزاری مرورگرها را خاموش کنید

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

آیا مرورگر شما نیز با مشکل کندی و هنگ مواجه است؟ شتاب‌دهنده سخت‌افزاری در مرورگرهای امروزی برای افزایش سرعت بارگذاری صفحات و محتوای چندرسانه‌ای در آنها طراحی شده است، اما همان‌طور که اشاره کردیم در بسیاری از موارد کاربران با مشکلاتی همچون هنگ کردن مرورگر مواجه می‌شوند که منشا این مشکلات نیز همین شتاب‌دهنده سخت‌افزاری است. با غیرفعال کردن شتاب‌دهنده سخت‌افزاری مرورگر، از مرورگر می‌خواهید تمام محتوای گرافیکی موجود در صفحات وب را با واحد پردازش گرافیک (GPU) بارگذاری کند. ادامه مطلب…







آموزش استفاده از اینستاگرام در کامپیوتر

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

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







ویرایش پی‌دی‌اف با آفیس

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

تا چند سال پیش برای مشاهده‌ فایل‌های پی‌دی‌اف به ابزارهایی همچون Adobe Reader نیاز بود و برای ویرایش آنها نیز دو راه پیش‌رو داشتید؛ نخست این‌که با استفاده از نسخه‌ حرفه‌ای نرم‌افزار Adobe Acrobat Pro آن را ویرایش کنید و دوم این‌که از فرد ایجاد کننده‌ فایل پی‌دی‌اف بخواهید فرمت قابل ویرایش آن را مانند فرمت Word در اختیار شما قرار دهد.

آیا می‌دانید امروزه بدون نیاز به نرم‌افزار ادوبی می‌توانید با استفاده از نرم‌افزار Word در مجموعه آفیس ۲۰۱۳ فایل‌های پی‌دی‌اف را ویرایش کنید؟ پس اگر در ایام نوروز مسافرت هستید و قصد دارید فایل پی‌دی‌افی را که با ایمیل برایتان ارسال شده، کمی ویرایش کنید و آن را برای فرد دیگری بفرستید، پیشنهاد می‌کنیم به‌جای دانلود نرم‌افزارهای مختلف، از مجموعه آفیس که روی بیشتر دستگاه‌های ویندوزی وجود دارد، کمک بگیرید. ادامه مطلب…