صفحه اصلی / html / اموزش ابتدایی html

اموزش ابتدایی html

اموزش ابتدایی html

با سلام خدمت شما بازدیدکنندگان گرامی در این پست از محبث برنامه نویس html به اموزش ابتدایی html پرداخته و شما یاد میگیرد چگونه یک صفحه وب html طراحی کنید

html

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

برای این کار کافی است شما به یک ویرایشگر دسترسی داشته باشید به علت مرسوم بودن استفاده از سیستم عامل ویندوز در این اموزش از notepad استفاده میکنیم کافی در دسکتاپ و یا میزکار ویندوز خود کلیک سمت راست کرده سپس در شاخه New گزینه Text document را انتخاب کنید سپس برروی ان دابل کلیک کنید و ان را باز کنید

ساختار یک صفحه html ساده

شاید اولین سوال برای شما نحوه شروع کد نویسی می باشد شما باید بدانید برای شروع باید یک ساختار اولیه را رعایت کنید که طبق کد های زیر می باشد

 

خوب  بگذارید این کد ها را توضیح دهیم در خط اول تعریف کردیم این یک سند html است در قسمت بعد تگ html اغاز کردیم که در برگیرنده تمام قسمت های سایت ماست 

این صفحه ما دو بخش دارد یکی بخش head و دیگری body 

بخش head در html

در این بخش ما می توانید از title که عنوان صفحه مارا مشخص میکند استفاده کنیم همچنین این بخش شامل قرار گیری متاتگ ها می باشد که اهمیت زیادی دارند 

و مهم ترین اجزا این بخش درواقع سورس های خارجی هستند که در صفحه پیوست می شوند و به ان الحاق می یابند برای مثال سند های css را می تواند در این بخش به صفحه الحاق کرد

بخش body در html

در این بخش کار اصلی ما شروع میشود درواقع تمرکز اصلی کدنویسی html در این بخش می باشد و شما می توانید تگ های مورد نظر برای نمایش در صفحه در این بخش اضافه کنید

 

ساخت سند html / بخش اخر

خوب تا اینجا تقریبا مقدماتی ترین نکات یادگرفتید برای اینکه سند html با ساختار بالا ساخته شود کد ارائه شده در بالا را در فایلی که ایجاد کردید کپی کنید سپس مراحل زیر را طی کنید

درمنو بالای نوت پد / notepad گزینه file انتخاب کنید

در منو file گزینه saveas انتخاب کنید

در قسمت name\نام سند را به صورت name.html وارد کنید 

در قسمت save as type گزینه all fiels انتخاب کنید

برروی save کلیک کرده و نتیجه کار را ببنید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *