با توجه به مطالبی که در قسمت قبل درباره کدنویسی گفتیم ، در اینجا به توضیح استفاده از چند کد دیگر شامل اضافه کردن لینک به تصاویر یا متن و چگونگی ایجاد بلوک های اصافی در قالب وبلاگ یا سایت می پردازیم.
چنانچه تمایل به ویرایش بهتر کد قالب در محیط حرفه ای تری دارید از برنامه های Microsoft FrontPage و یا Adobe Dreamweaver استفاده کنید چرا که اگر در محیط کدنویسی دچار مشکل یا خطا شوید به راحتی قابل رفع خواهد بود. این برنامه ها دارای ۲ محیط کدنویسی و گرافیکی می باشند که با اعمال تغیرات در محیط کدنویسی نتیجه کار در محیط گرافیکی و برعکس قابل مشاهده خواهد بود.
چنانچه تمایل به ویرایش بهتر کد قالب در محیط حرفه ای تری دارید از برنامه های Microsoft FrontPage و یا Adobe Dreamweaver استفاده کنید چرا که اگر در محیط کدنویسی دچار مشکل یا خطا شوید به راحتی قابل رفع خواهد بود. این برنامه ها دارای ۲ محیط کدنویسی و گرافیکی می باشند که با اعمال تغیرات در محیط کدنویسی نتیجه کار در محیط گرافیکی و برعکس قابل مشاهده خواهد بود.
نحوه درج لینک بر روی یک متن :
<a href="http://www.tak.ir" target="_blank" >قالب رایگان وبلاگ</a>
در کد بالا مقدار عبارت href برابر با آدرس لینک مورد نظر قرار می گیرد که با کلیک روی آن به آدرس مورد نظر خواهید رفت . عبارت target="_blank" برای زمانی استفاده می شود که می خواهیم با کلیک روی لینک یک صفحه جدید باز شود و آدرس صفحه مورد نظر را نمایش دهد و در صورت عدم استفاده ازین عبارت با کلیک بر روی لینک در همان صفحه به آدرس لینک موردنظر خواهید رفت. در این کد ، تنها وجود قسمت href ضروری است و درج بقیه عبارات اختیاری است.
همانطور که می بینید پس از درج متن مورد نظر بین تگ لینک ، باید این تگ را ببندیم </a>
کد بالا بصورت روبرو در صفحه قابل نمایش است : قالب رایگان وبلاگ
همانطور که می بینید پس از درج متن مورد نظر بین تگ لینک ، باید این تگ را ببندیم </a>
کد بالا بصورت روبرو در صفحه قابل نمایش است : قالب رایگان وبلاگ
حال برای تغیر رنگ و یا سایز فونت لینک کافی است کد زیر را به آن اضافه کنیم :
<a href="http://www.tak.ir" target="_blank"> <font style="color:#000000;font-size:12pt"> قالب رایگان وبلاگ </font></a>
کد بالا بصورت روبرو در صفحه قابل نمایش است : قالب رایگان وبلاگ
اکنون برای لینک دار کردن یک تصویر کافی است عبارت درج لینک را قبل از کد تصویر قرار دهیم :
<a href="http://www.tak.ir" target="_blank">
<img border="0" src="http://parsiup.com/files/139401/4a0fcf612960eb13729e97f7db0e3460.jpg" width="202" height="175" alt="takreal"></a>