وبلاگ نویسی از ابتدا تا انتها

mohammad

این آموزش بر اساس آخرین ورژن ارایه شده میباشد %
کارکرد کدها در مرورگرهای مختلف در ادامه توضیح کدها درج خواهد شد %

زبان HTML یک زبان برنامه نویسی تحت وب میباشد که یادگیری آن برای شروع کار برنامه نویسی تحت وب با هر زبان دیگر به عنوان یک ضرورت شناخته شده است

HTML یک زبان client -side میباشد
توضیح :{ تو برنامه نویسی دو حالت داریم یکی server side یکی client -side : تفاوت این دو را زمانی متوجه خواهید شد که از زبان دیگری مثل php استفاده کنید به موقع در این مورد بحث خواهیم کرد }

شما میتوانید از هر جایی از سرور از زبان html استفاده کنید و برای خود یک صفحه وب بسازید
شما حتی در سیستم شخصی خودتون بدون استفاده از نرم افزار خاصی میتونید یک صفحه وب با استفاده از html بسازید

برای ویرایش صفحات html میتوانید از front page یا dream weaver استفاده نمائید
که البته فعلا نیازی به این نرم افزار ها نداریم

بهترین تمرین برای یاد گیری html یاز کردن سورس صفحات html و خواندن انها میباشد
برای باز کردن و دیدن سورس صفحات از منوی viewمرور گر خود source را انتخاب کنید
خواهید دید که در یه برنامه notepad یک سری کد برای شما نشان داده خواهد شد

mohammad

شروع برنامه نویسی با html :

برای این کار ابتدا notepad سیستم عامل خود را باز کنید :
{start --> all programs --> accessories --> notepad{

یک پیشنهاد دیگه میتونید از نرم افزار فوق العاده notepad++ برای کد نویسی در هر زبان استفاده کنید میتونید از اینجا دانلود کنید :

خوب اولین چیزی که باید بدانید این هست که صفحات HTML از سه تگ اصلی تشکیل یافته اند
html , head , body

این رو همینجا تذکر بدم که html به بزرگی و کوچکی حروف حساس نیست در واقع case senstive نیست

خوب برای شروع فایل ضمیمه شده را دانلود ودر notepad خود بنویسید یا کپی کنید :

mohammad

خوب حالا باید این صفحه را ذخیره کنید
برای ذخیره کردن save as را انتخاب و فایلتان را با نام mypage.htm ذخیره کنید البته میتوانید از پسوند html هم استفاده کنید ولی برای بالا بردن استاندارد کار از پسوند htm استفاده میکنیم

مرورگر اینترنت اکسپلورر خود را باز و از قسمت file open فایل mypage.htm را از محل ذخیره شده باز کنید

mohammad

خوب برای اینکه شما مستقیما تغییرات را در صفه htmlخودتان مشاهده کنید

از پنجره مرور گر خود سورس صفحه را باز کنید view بعد source

ابتدا به توضیح تگ های موجود میردازیم :
تگ <html> به عنوان شروع و </html> به عنوان تگ پایانی صفحه html توسط مرورگر شناخته میشود

توضیح اینکه بیشتر کدهای html با هر کدی که شروع شوند با همان کد + یک / تمام میشوند البته گفتم بیشتر نه همه ی کدها که رفته رفته با آنها آشنا خواهیم شد %

تگ head هم به عنوان سربرگ شناخته میشود

تگ body به عنوان بدنه کد

نگ title عنوان صفحه را مشخص میکند

خوب برای درک بیشتر و تمرین متن Title of page را پاک کنید و به جای آن کلمه دیگری بنویسید
بعد صفحه را ذخیره کرده و مرور گر خود را رفرش کنید
میبینید که عنوان صفحه عوض میشه
به جای This is my first homepage. هم میتونید هر متن دلخواهی بزارید تا تغییرا را مشاهده نمائید

kozet

سلام من از ابتدا تا انتهای مطلبتان را خواندم .منتظر بقیه اش هم هستم. Wink

mohammad

خوب اونجا میان کدها یه تگ b هم دیدی برای bold کردن متن به کار میره میتونید برش دارید تا تفاوتشو ببینید

توضیحات کلی در مورد تگ های html

تگ های html بین دو کاراکتر <> نوشته میشوند
تک های html به صورت نرمال با <> اغاز و با </> تمام میشوند
و اینکه case senstive نیستند البته ابنارو گفته بودم خواستم یه جا جمع کنم استاندارد بشن

اه اینجا نمیشه کد گذاشت اعصابمو ریخت به هم

DJ_NIGHT

مرجع كامل كدهاي HTML
براي دريافت اينجا كليك كنيد.