آموزش قدم به قدم html
به نام خدا
همانطور که همه میدانیم ، html زبان نشانه گذاری و ساخت صفحات وب است ؛ همین صفحه ای که هم اکنون درحال مطالعه آن هستید ، با زبان html نشانه گذاری و پایه گذاری شده است . ظاهرا به اهمیت و کاربرد این زبان پی بردید ... در این مقاله میپردازیم به آموزش ساخت صفحات وب ؛ با من در ادامه همراه باشید ...
تگ هایی (کد) را که در تصویر مشاهده میکنید ، تگ های html هستند و تمام صفحات وب با این تگ ها پایه گذاری شده اند . حال بپردازیم به نقش و کاربرد هر کدام از این تگ ها :
- تگ <!DOCTYPE html>
این تگ به مرورگر یا ... میفهماند که این کد ها و صفحه ، با زبان html نوشته شده اند و مرورگر انها را اجرا میکند . نوشتن این تگ در تمامی صفحات وب الزامیست .
- تگ <html>
این تگ تقریبا کار تگ قبلی را تکمیل میکند .
- تگ <head>
این تگ اطلاعاتی را در رابطه با صفحه میدهد و عنوان و سربرگ صفحه ، همانطور که در تصویر میبیند ، میان این تگ نوشته میشود .
- تگ <title>
این تگ سربرگ صفحه را مشخص میکند . سربرگ صفحات را میتوانید در تصویر زیر ببینید .
تگ <body>
تمامی متون و مطالب بدنه یک صفحه ، همانطور که در تصویر دیدید ، میان این تگ نوشته میشوند .
- تگ <h1>
این تگ مهمترین عنوان پاراگرافها و مطالب را نشان میدهد .
- تگ <p>
این تگ ، یک پاراگراف را تعریف میکند .
شروع کدنویسی
برای شروع کدنویسی ، شما نیازی به داشتن ویرایشگر حرفه ای نخواهید داشت . همین حالا با notepad با توجه به تعاریف بالا شروع به نوشتن تگ ها کنید .
تمامی مفاهیم بالا را میتوانید در تصویر زیر دوره کنید .
همانطور که میبینید تگ ها متغیر نیستند ؛ ما میتوانیم مطالب دلخواهمان را میان این تگ ها بنویسیم .
به تصویر زیر و نتیجه نوشتن تگ ها دقت کنید :
منتظر چی هستید؟! شروع کنید و اولین صفحه وب خود را در notepad بنویسید و آن را ذخیره کنید . کافیست فرمت txt در فایل ذخیره شده را به html تبدیل کنید . خواهید دید که فایل شما در مرورگر باز خواهد شد .
امیدوارم که این مقاله مورد پسند شما قرار گرفته باشه ؛ اگه چیزی رو متوجه نشدید در خدمتم ...
مشاهده نظرات بیشتر...