تو این جلسه میخوایم فرم ثبت نام در سایت رو طراحی کنیم که در نهایت شبیه عکس پست میشه☝️:
اول یک صفحه html بسازید و اون رو با نام register.html ذخیره کنید.
حالا فرم خودمون رو طراحی میکنیم:
<div class=manutd>
<form action=register.php method=post>
<label/>نام کاربری:<label>
<input type=text name=username>
<br>
<label/>ایمیل:<label>
<input type=text name=email>
<br>
<label/>رمز عبور:<label>
<input type=password name=password>
<br>
<label/>تکرار رمز عبور:<label>
<input type=password name=repass>
<br>
<عضویت=input type=submit value>
<form/>
<div/>
تگ br ما رو به خط بعد میبره و باعث میشه که input ها تو یه ردیف نباشن.
برای طراحی صفحه و زیبایی فرم از css استفاده میکنیم یه کلاس به نام manutd مینویسیم.
}manutd.
;background:red
;margin-top:200px
;padding:4px
;margin-left:260 px
;width:500px
;height:300px
{
width عرض و height ارتفاع div ما(کادر قرمز رنگ )هستند.
برای درک بهتر margin و pading هم این عکس رو ببینید:
بعدش ما کلاس manutd رو به div بالا ارتباط دادیم.
نکته: برای اینکه خط زیر لینک های ما برداشته بشه از این کد استفاده کنید:
}a
;text-decoration:none
{
تو این کد ما تمام تگ های a (لینک) رو انتخاب کردیم وگفتیم که خط زیر اون ها برداشته بشه.
از جلسه بعد آموزش php رو شروع میکنیم.
اگر سوالی هست بپرسین.