آموزش گام به گام اچ تی ام ال به تصویر
سلام عرض میکنم به تمامی دوستان.تصمیم گرفتم برای شما دوستان عزیز آموزش گام به گام html رو قرار بدم.امید وارم خوشتون بیاد و تشکر کنین.تا نیم ساعت دیگه اولین بخشو همینجا میفرستم.اول باید تایپش کنم.توجه کنین که اگه توجه نکنین و تشکر نکنین آموزش قطع میشه و دیگه آمزوش داده نمیشه!!تا نیم ساعت دیگه بای!؟!؟!؟
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
عذر میخوام که توی این آموزش اول عکس نذاشتم.نمیدونم نرم افزار عکس برداریم چش شده.غذر میخوام.به محض اینکه درست شد عکسارو میگیرمو میذارم
بخش اول
آشنایی با html
خوب است بدانید سازمانی به نام w3c که مسئولیت کنترل استاندارد های زبان های برنامه نویسی تحت وب را در دست دارد از ژانویه سال 2000 نسخه جدیدی ارائه داد به نام xhtml
Html یا اچ تی ام ال مخفف Hyper Text Markup Language میباشد که مادر تمامی زبانهای برنامه نویسی تحت وب میباشد.به طور مثال ; در صورتی که در برنامه نویسی هایی همچون php , ... از html استفاده نکنید مرورگر ها کد را نمیشناسند و آن را اجرا نمیکنند.در اچ تی ام ال برای نشانک گذاری یا بهتر بگم برای اجرای دستورات مختلف از تگ استفاده میشه که در دو علامت<>قرار میگیرد.هانند <BR> , <u>
در html هر بخش(هدر-عنوان-متون-تصویر-...)دارای تگ اختصاصی و خاص خود میباشند.
برای شروع برنامه نویسی ابتدا یک نرم افزار که جهت کد نویسی است را باز نمایید.همانند Dream Weaver یا نوت پد
این کد ها رو توش بنویسین:
پس از نوشتن این کد ها برنامه نویسی آغاز میشود.کد:<html> <head> <title> </title> </head> <body> </body> </html>
هدر:برای قسمت بالایی سایت مانند هدر و عنوان و...
تایتل یا عنوان:همون طور که میبینین تگ عنوان درون تگ هدر میباشد.همونطور که در قسمت هدر گفتم عنوان جزئی از هدر است.
بادی یا بدنه:در قسمت بدنه تمامی کد های مربوط به بخوش مختلف سایت قرار میگیرد.مانند کد های مربوط به پست ها و...
تگ اچ تی ام ال همون طور که مشاهده میکنین هم در اول و هم در آخر میباشد.تگ اچ تی ام ال مهمترین تگ میباشد که در صورت نبودنش کد ها ناخوانا میشوند.برای بستن هر تگ به بتدای آن / اضافه میکنیم.
یک سند اچ تی ام ال دارای پسوند .htm یا .html میباشد که برای شناخت صفحات اچ تی ام ال از آن استفاده میشود.
در صورتی که تشکر شد آموزشو ادامه میدم.حد اقل 5 تشکر کافیه تا من آموزشو ادامه بدم
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
خوب هست
کمکی خواستین بگین
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
فعلا نه ممنون.ورودتونو هم به انجمن وب هاستینگ تاک تبریک میگمنوشته اصلی توسط servervds.com
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
ممنون میشم دوستان یه تشکر بکنن تا روحیه بگیرم
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
سلام به تمامی دوستان.با اینکه تشکر نکردینو بی محلی کردین ولی من آموزشو میذارم امید وارم لذت ببرید
بخش دوم
در این بخش میخوام شما رو با تغییر رنگ پس زمینه ، تغییر رنگ متون ، ساخت پاراگراف و تغییر اندازه متون آشنا کنم
برای اینکار در تگ بادی یک اسپیس بزنید سپس عبارت bgcolor رو وارد کنید سپس جلوش یه مساوی و دو کوتیشن "" بذارید.بین دو کوتیشنا رنگ مورد علاقتونو بنویسید.یا کد بدین و یا رنگو بنویسید.اینم رو مینویسم برای دوستانی که متوجه نشدن:
این بود تغییر رنگ پس زمینه.برای تغییر رنگ متون همون کارا رو انجام میدین ولی به جای بی جی کالر عبارت text رو مینویسین:کد HTML:<html> <head> <title> </title> </head> <"body bgcolor"red> </body> </html>
برای تغییر سایز متون از تگ هاکد HTML:<html> <head> <title> </title> </head> <"body text="white> </body> </html>
استفاده میکنیم.توجه داشته باشید که هرچه عدد کوچک تر باشد متون بزرگتر نمایش داده میشوند.کد HTML:</h1>ali<h1> </h2>ali<h2> </h3>ali<h3> </h4>ali<h4> </h5>ali<h5> </h6>ali<h6>
برای ساخت پاراگراف کافیه دستور پاراگراف رو به قسمت بادی بیفزایید.مثل این:
این جلسه هم تموم شد.بازم معذرت میخوام که عکس نذاشتم.تموم تلاشو کردم ولی نمیدونم این نرم افزار چش شده.تو رو خدا ببخشید سعی میکنم تا فردا شب حتما بذارم.به امید دیدارکد HTML:<html> <head> <title> </title> </head> <body> <p> ali is boy </p> </body> </html>
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
هیچ کس ادامه نمیخواد ک تشکر نکردین؟
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
چاکر شماییم!!
بخش سوم
در این قسمت:
نوشتن هر جمله در یک خط
راستچین و وسط چین کردن متن
برای نوشتن متنی در گاراگراف در خط بدی هر چقدر اینتر رو بزنین کار نمیکنه چون باید از تگ خاصی استفاده کنین که br نام داره.در این تگ به اندازه ی هر اینتر یک تگ <br> رو مینویسیم.برای مثال من میخوام بنویسم ali is a boy . but maryam is a girl
میخوام متن مریم ایز ا گرل بره 5 خط بعد.از تگ br استفاده میکنم.اینطوری:
توجه داشته باشید که تگ <br>تگ پایانی ندارد و تگی به نام </br> وجود ندارد.کد HTML:<html> <head> <title> </title> </head> <"body> <p> ali is a boy <br><br><br><br><br> but maryam is a girl </p> </body> </html>
برای وسط چین کردن متن از تگ align استفاده میکنیم.این تگ در جلوی بادی و یا جلوی تگ پاراگراف قرار میگیرد.برای وسط چین کردن متن اول از
"align="center
و برای راست چین کرد متن دوم از این تگ استفاده میشود
"align="right
دمو:
کد HTML:<html> <head> <title> </title> </head> <body> <p"align="center> ali is a boy </p> <"p align="right> but maryam is a girl </p> </body> </html>
برای این جلسه کافیه!!!خوب بخونین.تشکر رو فراموش نکنین
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
من اولین نفر تشکر کردم
پاسخ : آموزش گام به گام اچ تی ام ال به تصویر
دستتون درد نکنه.سعی میکنم بخش چهارم رو امشب بذارم
در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)
مجوز های ارسال و ویرایش
پاسخ با نقل قول