جعبه ابزار وبلاگ نويسي

:: تو پست های اخیر مربوط به آموزش Html ، بیشتر به کلیات پرداختیم . حالا از این به بعد هر پست رو اختصاص می دیم به آموزش کامل یک یا چندتا از تگهای Html . امیدوارم که مفید باشه .

:: لینک چیست ؟

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

:: تگ لینک دادن

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

ساده ترین کد لینک دادن به شکل زیره :

<a href=”URL”>Link Name</a>

به جای Link Name اسم لینک و به جای URL آدرس لینک رو قرار می دید . به طور مثال کد زیر یک لینک با نام webloger.rasekhblog  و آدرس webloger.rasekhblog بوجود میاره . نمایش کد رو در سمت راست کد می بینید .

<a href=”http://webloger.rasekhblog.com/”>webloger.rasekhblog</a>

:: باز شدن لینک در پنجره ی جدید :

اگر بخواید که لینکتون در پنجره ی جدیدی باز بشه باید یه میانکد “target=”_blankبه کد لینکتون اضافه کنید :

<a target=”_blank” href=”http://webloger.rasekhblog.com/”>webloger.rasekhblog</a>

البتهمقادیر دیگه ای مثل self ، top ،  parent برای ویژگی target وجود دارند که مربوط می شن به کار با فریم ها و زیرپنجره ها که سعی می کنم در پست های آینده توضیح بدم .

:: نمایش توضیح با رفتن موس روی لینک :

:: حتما دیدید که روی بعضی از لینک ها که میرید یه توضیحی در مورد لینک ظاهر میشه . برای اینکه وقتی روی لینک میرید یه توضیحی در مورد اون ظاهر بشه باید یه میانکد “title=”Descriptionبه کد لینک اضافه کنید . که به جای Description باید توضیح لینکتون رو بنویسید . می تونید موس رو روی لینک سمت راست کد در زیر نگه دارید تا توضیح لینکو ببینید :

<a title=”Description href=”http://webloger.rasekhblog.com/”>webloger.rasekhblog</a>

موفق باشید .



نوشته شده در تاريخ جمعه 20 فروردین 1389  توسط رضا عبدالملکی | نظرات (0)


webloger.rasekhblog.com | جعبه ابزار وبلاگ نويسي


background-color

این ویژگی به ما اجازه می دهد تا تقریباً برای هر چیزی در صفحه رنگ زمینه مشخص کنیم. برای این کار باید این ویژگی را به همراه رنگ مورد نظر وارد تگ مربوط به قسمت مورد نظر کنیم. اگر بخواهیم زمینه قسمتی از یک متن را مشخص کنیم می توانیم از این ویژگی در یک تگ SPAN در اطراف متن مورد نظر استفاده کنیم.

در مثال زیر زمینه قسمتی از یک متن را به رنگ زرد در می آوریم:
 
 
 


ادامه بخش 14...
نوشته شده در تاريخ جمعه 27 آذر 1388  توسط رضا عبدالملکی | نظرات (1)

webloger.rasekhblog.com | جعبه ابزار وبلاگ نويسي

color

از ویژگی color برای تغییر رنگ متن قسمتهای مختلف صفحه استفاده می شود. برای مثال می توانید رنگ متن یک جدول را تغییر دهیم و یا قسمتی از متن صفحه را که با تگ SPAN مشخص کرده ایم با رنگ متفاوتی با بقیه متن نمایش دهیم. این تگ از آن جهت که کاربرد تگ <FONT> و در نتیجه شناسه color که در تگ فونت استفاده می شود، در HTML4 در حال محدود شدن است اهمیت بیشتری پیدا می کند.

البته در قسمتهای قبلی هم از این ویژگی استفاده کرده ایم اما در باره آن توضیحی داده نشده است.

مانند COLOR در تگ FONT رنگها در این ویژگی به دو صورت تعیین می شوند. شکل کلی این ویژگی به صورت زیر است:



ادامه بخش 13...
نوشته شده در تاريخ جمعه 27 آذر 1388  توسط رضا عبدالملکی | نظرات (0)

 

webloger.rasekhblog.com | جعبه ابزار وبلاگ نويسي

در این قسمت به روش تنظیم فونت متن با استفاده از استایل می پردازیم. بسیاری از اعمالی را که قبلاً با تگ <font> انجام می دادیم می توانیم با استایل انجام دهیم.

font-family

ویژگی font-family مشخص می کند که متن با چه فونتی باید نشان داده شود. این ویژگی در حقیقت جانشین شناسه face که در تگ font استفاده می شود است. گزینه پیش فرض برای فونت ممکن است در مرورگرهای مختلف تفاوت داشته باشد، اما معمولاً Times New Roman است.

در مثال زیر از ویژگی font-family برای تغییر فونت متن داخل یک div به Arial استفاده می کنیم:



ادامه بخش12...
نوشته شده در تاريخ جمعه 27 آذر 1388  توسط رضا عبدالملکی | نظرات (0)
تعداد کل صفحات:4    1   2   3   4  



قالب وبلاگ