آموزش قدم به قدم html

به نام خدا 


همانطور که همه میدانیم ، html زبان نشانه گذاری و ساخت صفحات وب است ؛ همین صفحه ای که هم اکنون درحال مطالعه آن هستید ، با زبان html نشانه گذاری و پایه گذاری شده است . ظاهرا به اهمیت و کاربرد این زبان پی بردید ... در این مقاله میپردازیم به آموزش ساخت صفحات وب ؛ با من در ادامه همراه باشید ...

تگ هایی (کد) را که در تصویر مشاهده میکنید ، تگ های html هستند و تمام صفحات وب با این تگ ها پایه گذاری شده اند . حال بپردازیم به نقش و کاربرد هر کدام از این تگ ها :

  • تگ <!DOCTYPE html>

این تگ به مرورگر یا ... میفهماند که این کد ها و صفحه ، با زبان html نوشته شده اند و مرورگر انها را اجرا میکند . نوشتن این تگ در تمامی صفحات وب الزامیست .

  • تگ <html>  

این تگ تقریبا کار تگ قبلی را تکمیل میکند .

  • تگ <head> 

این تگ اطلاعاتی را در رابطه با صفحه میدهد و عنوان و سربرگ صفحه ، همانطور که در تصویر میبیند ، میان این تگ نوشته میشود .

  • تگ <title>

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

تگ <body> 

تمامی متون و مطالب بدنه یک صفحه ، همانطور که در تصویر دیدید ، میان این تگ نوشته میشوند .

  • تگ <h1> 

این تگ مهمترین عنوان پاراگرافها و مطالب را نشان میدهد .

  • تگ <p>  

این تگ ، یک پاراگراف را تعریف میکند .

شروع کدنویسی

برای شروع کدنویسی ، شما نیازی به داشتن ویرایشگر حرفه ای نخواهید داشت . همین حالا با notepad با توجه به تعاریف بالا شروع به نوشتن تگ ها کنید . 

تمامی مفاهیم بالا را میتوانید در تصویر زیر دوره کنید .

همانطور که میبینید تگ ها متغیر نیستند ؛ ما میتوانیم مطالب دلخواهمان را میان این تگ ها بنویسیم .

به تصویر زیر و نتیجه نوشتن تگ ها دقت کنید :

منتظر چی هستید؟! شروع کنید و اولین صفحه وب خود را در notepad بنویسید و آن را ذخیره کنید . کافیست فرمت txt در فایل ذخیره شده را به html تبدیل کنید . خواهید دید که فایل شما در مرورگر باز خواهد شد .

امیدوارم که این مقاله مورد پسند شما قرار گرفته باشه ؛ اگه چیزی رو متوجه نشدید در خدمتم ...

0
کــارمـا :
96
بفرست

مشاهده نظرات بیشتر...
hashemian1