محتوای طراحی وب سایت(Front End)
آموزش pseudo elements در CSS
آموزش pseudo elements در CSS شما میتوانید به بخشی از یک المان، تعدادی ویژگی اعمال کنید. برای مثال خط اول یک پاراگراف را به رنگ دیگری تبدیل کنید. اول یک قطعه کد html و css بنویسیم. <!DOCTYPE html> ...
آموزش pseudo classes در CSS
آموزش pseudo classes در CSS در سایت ها میبینید در حین بردن موس بر روی اجزای صفحه وب سایت تغییراتی اعمال میشود. برای مثال رنگ تغییر میکند یا محو تر میشود یا بزرگ. برای این کار نمونه کدی را ...
آموزش Selectors در CSS
آموزش Selectors در CSS برای شروع کار در فایل .html خود تگ های تو در تو بنویسید. <!DOCTYPE html> <html> <head> <title>lesson 4</title> <link rel="stylesheet" type="text/css" href="lesson4.css"> </head> <body> <p>1-farkiantech => info@farkiantech.com</p> <p>i am a student</p> <div> <p>p ...
آموزش رنگ ها در css
آموزش رنگ ها در css تا به اینجای کار ما از هر رنگی که استفاده کردیم به واسط اسم آن رنگ بود. مثلا، yellow، red، blue و … . ولی ممکن است رنگی که ما میخواهیم را نتوانیم در ...
آموزش سه روش اضافه کردن CSS به html
آموزش سه روش اضافه کردن CSS به html در جزوه قبل دیدیم که به روش css inline توانستیم style مورد نظر خود را به متن ها اضافه کنیم. <!DOCTYPE html> <html> <head> <title>first lesson</title> </head> <body> <p style="color: ...
آشنایی با CSS
آشنایی با CSS CSS مخفف cascading style sheets است و برای style دادن به صفحات وب به کار میروند و همانطور که در بخش آموزش های html آموزش داده شد(برای دیدن آموزش های html اینجا را کلیک کنید)، صفحات ...
آموزش استفاده از ویدیو در html
آموزش استفاده از ویدیو در html برای اضافه کردن ویدیو به صفحه خود باید از تگ video استفاده کنید که این تگ یک سری attribute میگیرد. و همچنین میتوانیم بر روی آن ویژگی width و height اعمال کنیم. و ...
آموزش کار با عکس در html
آموزش کار با عکس در html برای استفاده از عکس باید از تگ img استفاده کنید که به صورت زیر نوشته میشود. <img src=”source of your image”> قسمت src یا همان منبع عکس را میبینید که باید مشخص شود. ...
آموزش فرم ها در html
آموزش فرم ها در html در این جزوه قصد داریم با فرم ها در html آشنا شویم. فرم ها برای گرفتن اطلاعات از کاربر استفاده میشود. در اینجا با سه نوع فرم (text box, radio button, submit) برای ارسال ...
لیست های نامرتب
لیست های نامرتب Unordered list در این لیست ترتیب برای ما اهمیتی ندارد. برای ساخت این لیست از تگ <ul></ul> استفاده میکنیم و برای هر مورد از لیست از تگ <li></li> استفاده میکنیم. در مثال زیر بهتر متوجه عملکرد ...