«به نام خدا» آموزش زبان برنامه نویسی وب جلسه اول دراین دوره اموزشی قصد دارم. ابتدا شما را با مفاهیم پایه زبان برنامه نویسی وب html اشنا کنم وپس از ان به سراغ مباحث پیشرفته تر بروم . html چیست ؟ زبان برنامه نویسی (html (heper text markup language یا زبان نشانه گذاری فرا متن در کنار css هسته ساخت صفحات وب را تشکیل می دهند. هر یک از برچسب های اچ تی ام ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می گذارند؛ مثلاً برچسب هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ تی ام ال تعریف شده اند.. برچسب های (tags) زبان html به چند دسته تقسیم می شوند : 1- تگهای پایه (basic ) <!DOCTYPE> :برای تعریف نوع سند <html> سند html را مشخص میکند . <title> عنوان صفحه را مشخص می کند همان عنوانی که در بالای صفحات وب دیده می شود. <body> بدنه اصلی سند را مشخص میکند (تمام عناصر قابل مشاهده در صفحه وب در این برچسب (tag) قرار می گیرد . <h1> to <h6> سر تیترهای سند را براساس اهمیت مشخص میکند .(از h1 با اهمیتترین تا h6 کم اهمیترین ) <p> برای پاراگراف بندی از این تگ استفاده می شود . ادامه جلسه اول نمونه ای از کد های نوشته شده به زبان html کد: <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> هر صفحه وب از دو قسمت تشکیل میشود قسمت head : تشکیل شده است از تگ های title,meta,link,... این قسمت توسط مرورگر خوانده میشود ولی نمایش داده نمی شود. قسمت body : قسمت بدنه در این قسمت تمام اطلاعاتی که قرار است نمایش داده شود نوشته می شود خروجی کد فوق به صورت زیر است My First Heading My first paragraph. ساختار صفحات وب : در زیر تصویری از ساختار صفحات وب در زبان html را مشاهده میکنید . <html> <body> <h1>This a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> ورژن های html Version Year HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 2000 HTML5 2012 تگ <doctype> به مرورگر کمک می کند که نوع سند را مشخص کند . در زیر انوا تعاریف سند را مشاهده می کنید HTML5 <!DOCTYPE html> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> خب در جلسه بعدی برنامه نویسی وب را شروع می کنیم . سعی میکنم اموزش را همراه با مثال های بسیار پیش ببرم خب تا جلسه بعدی بای .