آموزش برنامه نویسی زبان های مختلف

آموزش برنامه نویسی HTML – قسمت ۱

banner
امتیاز دهی!

اچ تی ام ال (HTML) یا hypertext markup language، زبانی است که تقریبا تمام کسانی که دستی در دنیای وب دارند با آن آشنا هستند و اسم آن را بارها شنیده اند، زبانی که به جرات می توان گفت یکی از آسان ترین و کاربردی ترین زبان برنامه نویسی در جهان است که  از سال ۱۹۸۰ میلادی تا امروز همواره روندی رو به رشد داشته است. در اهمیت این زبان همین بس که حاصل کدنویسی برنامه نویسان وب، نهایتا به صورت خروجی HTML در مرورگر کاربران نشان داده خواهد شد؛ لذا نقطه آغاز یادگیری برنامه نویسی تحت وب، یادگیری زبان HTML است،
برای شروع برنامه نویسی تحت وب به زبانHTML شما به یک ویرایشگر متن نیاز دارید که کد های خود را در آن وارد نمایید. ساده ترین نرم افزار مورد استفاده Notepad است که از طریق مسیر زیر میتوانید آن را باز نمایید:
Start Menu > All Programs > Accessories > Notepad
نرم افزار های دیگری برای نوشتن و ویرایش کد های HTML وجود دارد مانند Adobe Dream Weaver و …

نکته شماره یک » برای برنامه نویسی و همچنین ویرایش کد به هیچ عنوان از نرم افزار های WordPad و Microsoft Office Word استفاده نکنید زیرا در هنگام ذخیره این نرم افزار ها کد هایی را به متن نوشته شده شما اضافه می کنند.

بعد از کد نویسی شما باید نمایش نهایی کد خود را ببینید ، برای این کار شما نیاز به یک مرورگر دارید که به طور پیشفرض مرورگر Internet Explorer بر روی ویندوز شما نصب شده است شما همچنین می توانید از مرورگر های مختل دیگری مانند Mozilla Firefox و Google Chrome و Opera و … نیز استفاده نمایید.

نکته شماره دو » بهترین مرورگری که شما میتوانید برای نمایش خروجی کد (نمایش نهایی کد نویسی) از آن استفاده نمایید مرورگر Mozilla Firefox می باشد زیرا علاوه بر نمایش کامل کد ها دارای امکانات خاص دیگری مانند افزونه ها می باشد، توجه نمایید که برخی از کد ها مختص مروگر خاصی هستند و در تمام مرورگر ها نمایش داده نمی شوند که بعداً به توضیح کامل آن می پردازیم.

نکته شماره سه » جهت برنامه نویسی HTML نیازی به دسترسی به اینترنت ندارید و به صورت آفلاین می توانید خروجی کد ها را در مرورگر مشاهده کنید.

در اینجا برای شروع و جهت سادگی از نرم افزار Notepad استفاده می کنیم ؛ بعد از کد نویسی شما باید فایل خود را ذخیره نمایید از منوی File گزینه Save As را انتخاب کنید ، محل ذخیره سازی را مشخص کنید ، و در باکس File Name یک اسم انتخاب نمایید و در انتهای نام .html را تایپ نمایید و سپس ذخیره نمایید.

نکته شماره چهار » اگر در برنامه نویسی خود از زبان فارسی استفاده کرده اید حتماً باید در هنگام دخیره سازی در بخش Encoding گزینه UTF-8 را انتخاب نمایید.

آموزش برنامه نویسی HTML

آموزش برنامه نویسی HTML

زبان HTML از شناسه هایی تشکیل شده است که به تگ (HTML Tag) معروف هستند. یک تگ همیشه با علامت > آغاز شده و با علامت > به پایان میرسد ، مانند :
۱
<HTML>
 به این چنین تگ ها، تگ ابتدایی یا تگ آغازین (Opening Tag) می گویند. تگ های ابتدایی (آغازین) به منظور شروع عملیات مورد نظر است و باید در یک جا به پایان برسد که اصطلاحاً به آن بستن تگ می گویند که با </ شروع شده و با < به پایان می رسد که به تگ پایانی (Close Tag) معروف هستند ، مانند :
۱
</HTML>
در HTML همه تگ ها نیاز به تگ پایانی ندارند که بعد در مورد آن توضیحاتی خواهیم داد. برای نوشتن تگ ها هیچ احتیاجی به استفاده از حروف بزرگ نیست که در نسخه های جدید HTML و XHTML نوشتن کد ها با حروف کوچک به صورت یک الزام تلقی می شود ، مانند :
(تگ P برای نمایش پاراگراف استفاده می گردد که بعد به توضیح آن می پردازیم)
۱
۲
<p> Text </p>
<P> Text </P>
هیچ تفاوتی با هم ندارند اما به دلیل رعایت استاندارد کد نویسی جهانی بهتر است از حروف کوچک استفاده گردد .
در برنامه نویسی HTML فاصله بین تگ ها و زدن Enter هیچ تأثیری ندارد ، مانند :
۱
۲
۳
۴
<p> Text </p>
<p>
Text
</p>
هر دو یک خروجی مشابه را نمایش می دهند اما بهتر است به روش اول نوشته شود که هم از شلوغ شدن کدها جلوگیری گردد و هم اینکه از زدن دو Enter اضافه خود داری گردد .
در آموزش بعدی تگ های HTML را بررسی کرده و همراه با توضیح از آن استفاده کرده و برنامه نویسی خودمون رو شروع می کنیم.
موفق باشید .

http://code-amooz.ir

سلام، حسین اسعدی هستم طراح و برنامه نویس وب، 3 سالی هست با وردپرس اشنا هستم و این آشنایی کماکان داره بیشتر میشه! امیدوارم در کدآموز بتونم مطالب و مقالات مفیدی براتون قرار بدم! اگر سوالی دارید میتونید به تلگرامم پیام بدید @hossin_asaadi 💌💐💐💐

    دیدگاه خود را بیان کنید

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