آموزش اچ تی ام ال

پلیر صوتی HTML5

پلیر زیبا برای پخش فایل های صوتی که بسیار معروف شده در طول کمتر از ۱ هفته که از ویژگی های آن:

• سرعت لود بالا
• استفاده از HTML 5
• زیبایی بسیار زیاد

و……..

ادامه ی مطلب

کار با Textbox ها

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

ادامه ی مطلب

کار با فرم ها در HTML

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

میگیرد.به طور کلی برای دریافت و ارسال اطلاعات از فرم استفاده میگردد.

هر فرم میتواند شامل قسمت هایی مانند, Check Box Text Box,Radio Button,Buttonو … میباشد.

ادامه ی مطلب

لینک های Email در HTML

در این قسمت میخواهیم لینکی ایجاد کنیم که کاربر با کلیک بر روی آن به آدرس مورد نظر ایمیل بفرستد.برای این کار از تگ <a>استفاده میکنیم.اما تفاوت این لینک با لینک به یک صفحه در آدرسی است که به عنوان مقصد لینک نوشته میشود.برای اینکه مرورگر را مجبور کنیم لینک را به عنوان ایمیل بشناسد باید از عبارت  mailto  به جای http در آغاز آدرس استفاده کنیم و بعد از آن آدرس ایمیل را بنویسیم.

ادامه ی مطلب

ساخت لینک به نقاط مختلف یک صفحه

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

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

ادامه ی مطلب

ساخت لینک با استفاده از عکس

در مطالب قبلی نحوه ساختن لینک به دیگر صفحات را توضیح دادیم. حال در این قسمت میخواهیم بدانیم که چگونه میتوان لینک به دیگر صفحات را با استفاده از عکس ایجاد کرد.به این صورت که با کلیک بر روی عکس به صفحه مورد نظر منتقل شویم.همانطور که قبلا اشاره شد برای ساخت لینک از تگ <a> استفاده میشود.اکنون برای اینکه لینک را بوسیله عکس ایجاد کنیم میبایست درون تگ  <a>، تگ > <img را قرار دهیم.برای نمونه میخواهیم با استفاده از یک تصویر لینکی به سایت PCTech.ir بسازیم.

ادامه ی مطلب

نحوه نمایش تصاویر در html

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

همانطور که گفته شد شما میتوانید اندازه این عکس را تغییر دهید.این کار را میتوان با اضافه کردن دو attribute به تگ img انجام داد.

ادامه ی مطلب

تگ body و شناسه های آن

وقتی که شما یک صفحه html مینویسید میتوانید چیزهای زیادی را با استفاده از شناسه ها در تگ body  تغییر دهید. این کار با استفاده از شناسه های مختلف این تگ امکان پذیر است.در ادامه با تعدادی از این شناسه ها و عملکرد آنها آشنا خواهیم شد.

اولین شناسه bgcolor میباشد.این شناسه رنگ زمینه صفحه را مشخص میکند.شما میتوانید با دادن هر رنگ مختلف به عنوان مقدار این شناسه ، رنگ پس زمینه را تغییر دهید.برای رنگ بندی نیز هم میتوانید از نام آنها و هم کد هگزا دسیمال آن رنگ استفاده نمایید.گزینه پیشفزض این رنگ معمولا سفید است.

ادامه ی مطلب

 اضافه کردن تصویر به صفحه

هرگاه به صفحه مورد نظر خو به غیر ار متن تصویری هم اضافه کنیم میبایست از تگ <img> استفاده کرد.در این تگ img  مخفف image  میباشد و نشانه قرار گرفتن تصویر در صفحه است.این تگ دارای ویژگی به نام src میباشد. این شناسه آدرس قرار گیری تصویر را به عنوان مقدار دریافت میکند.این آدرس نیز مانند آدرس لینکها لازم نیست که تنها در سایت ما قرار داشته باشد و میتواند در هر محلی قرار گرفته باشد.در اینجا نیز اگر ادرس صفحه ما و عکس مورد نظر در یک پوشه قرار داشته باشند میتوان تنها از نام فایل به عنوان آدرس استفاده نمود.

ادامه ی مطلب

آشنایی با تگ a

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

این تگ دارای یک attribute  به نام href می باشد که برای آدرس دهی به مقصد مورد نظر استفاده میشود.متنی که بین دو تگ ابتدایی و انتهایی نوشته میشود، متنی است که در صفحه شما به عنوان یک لینک دیده میشود.به عنوان مثال میخواهیم صفحه ای ایجاد کنیم که در آن نام PCTech نوشته شده باشد.و به کلیک کردن بر روی این نام وارد صفحه اصلی این وبسایت شوید.

ادامه ی مطلب