پاسخ : آموزش HTML برنامه نویسی تحت وب 2
بخش 1
خب آموزش وب رو با آموزش html شروع میکنم که احتمالا حدود سی بخشی میشه البته دقت کنید امکان داره روزی چند بخش پست کنم نمیدونم چند نفر بخوان یاد بگیرن اگه بازدید خوب شد ادامه میدم اگر نه تا آخر اچ تی ام ال فقط یاد میدم.پست ها رو آخرش یه پی دی اف میکنم واستون میزارم واسه دانلود.لطفا سوالاتتون رو در تاپیک سوالات همین بحث بپرسین.
خب آموزش رو با این سوال شروع میکنم که html چی هست؟
اچ تی ام ال زبان برنامه نویسی نیست بلکه به زبان نشانه گذاری متن هست که به مرورگر میگه کدوم قسمت مربوط به عنوان متن هست کجا پارارگراف هست کجا تیتر هست و...
خب همونطوری که گفتم اچ تی ام ال زبان نشانه گذاری هست در نتیجه از تگ های علامت گذاری تشکیل شده به طور مثال ما وقتی بخواهیم بگیم فلان قسمت عنوان هست بین تگ عنوان میذاریمش.کل آموزش اچ تی ام ال هم تو یاد گرفتن تگ ها و کاربرد اون ها خلاصه میشه.
اچ تی ام ال مخفف(hyper text markup language) هست که هایپرتکست یعنی یه متنی که واسه خوندن توسط ماشین ساخته شده مارکاپ هم یعنی نشونه گذاری که میشه زبون نشونه گذاری هابپرتکست!
تگ های نشونه گذاری اچ تی ام ال معمولا جفتی هستند که به اولی میگیم تگ شروع یا آغاز به آخری تگ پایان.تگ ها همیشه بین angle bracketها هستند که نمیدونم تو فارسی بهشون چی میگن انگل براکت ها همین علامت های <> هستند.
تمامی متن اچ تی ام ال ما باید بین دو تا تگ شروع <html> و تگ پایانی <html/>قرار میگیرند به متن وسط این دو تگ میگیم content یا محتوای تگ و به کل این تگ شروع و پایان و محتوای توش میگیم element یا همون عنصر خوب واسه شروع میتونید اگه ویندوز استفاده میکنید نرم افزار notepad تون رو باز کنید و اگه سیستم عامل دیگه استفاده میکنید ویرایشگر متنیتون رو باز کنید و اولین کد اچ تی ام التون رو توش بنویسید.خب ساختار کلی فایل اچ تی ام ال از سر و بدن تشکیل میشه یعنی head و body که به صورت زیر هست
<html>
<head>
</head>
<body>
</body>
</html>
البته به خاطر مشکلات رایت تو لفت تگ آغاز و پایانی اشتباه نمایش داده میشوند که باید به صورت <html> و <html/> اصلاح شوند در باقی کد ها نیز به همین صورت خواهد بود.
واسه دیدن نتیجه ی کار میتونید فایل متنیتون رو با فرمت .html یا .htm ذخیره کنید و نتیجه ی کار رو ببینید که یک صفحه ی خالی هست!!!!
متن بین تگ body محتوای صفحه ی ما رو نشون خواهد داد و تو بخش head یک سری تنظیمات قرار خواهند گرفت به طور مثال کد زیر رو اجرا کنید.
<html>
<head>
</head>
<body>
Hello world!
</body>
</html>
مشاهده خواهید کرد که متن سلام دنیا انگلیسی تو صفحه مرورگر شما ظاهر میشه.
تگ تیتر:
اچ تی ام ال تیتر های صفحه رو بر حسب اهمیت با شش تا تگ نشون میده که به ترتیب اهمیت سایزشون بزرگتر میشه پر اهمیت ترین تیتر با تگ <h1> نشون داده میشه و دارای بزرگترین سایز هست و کم اهمیت ترین تیتر دارای کوچکترین سایز با تگ <h6> نشون داده میشه.
تگ پاراگراف:
خب اگه شما با زبون انگلیسی آشنایی عمیق داشته باشید میدونید که پاراگراف انگلیسی مثل پاراگراف فارسی نیست پاراگراف انگلیسی وحدت موضوع داره و هر متن انگلیسی به چند پاراگراف تقسیم میشه ما از تگ پاراگراف برای نمایش متنمون استفاده خواهیم کرد تگ پاراگراف در اچ تی ام ال <p> هست.
برای نمونه کد زیر رو اجرا کنید.
<html>
<head>
</head>
<body>
<h1>this is title of text</h1>
<p>this is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
خب چون بخش اولمون هست تا همینجا کافی هست.
