24-12

24-12

24-12

24-12

آموزش کد نویسی html بخش اول

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

این آموزش اختصاصی وبلاگ خودمان 12 24  است و از جایی کپی نشده است. به زودی بقیه آموزش های اچ تی ام ال را قرار می دهیم .

به ادامه مطلب بروید.

 

 

برای شروع یک فایل نوت پد خالی بسازید.

برای این کار شما میتوانید در صفحه دسکتاپ کلیک راست کرده و روی گزینه New و سپس از منوی باز شده روی گزینه  Text Document بروید و آن را انتخاب کنید.


به فایل ساخته شده نوت پد می گویند.

سپس با دابل کلیک کردن روی فایل ساخته شده آن را باز کنید.


بعد از باز کردن فایل نوت پد داخل آن کد زیر را وارد کنید. ( جلوتر درباره این کد توضیح میدهیم. فعلا هدفمان ساخت اولین فایل اچ تی ام ال است. )

<hr>

برای تایپ  > کلید shift و حرف "و"  را بفشارید و برای تایپ <  هم کلید shift و کلید "." را فشار دهید.

که نتیجه این کد یک خط افقی است که در زیر میتوانید ببینید.



برای مشاهده نتیجه در مرورگر باید ابتدا فایل نوت پد را ذخیره کنید.
برای ذخیره کردن فایل نوت پد میتوانید کلید های Ctrl + S را فشار دهید ( یا با هر روش دیگری فایل را ذخیره کنید. ) .
حالا باید پسوند فایل را  از .txt به .html تغییر دهیم.


پسوند فایل چیست ؟
پسوند فایل به نام نوشته شده در انتهای فایل که نوع آن فایل را مشخص می کند می گویند.
در تصویر زیر میتوانید پسوند فایل نوت پد ساخته شده را ببینید که .txt است.
ممکن است برای شما پسوند فایل .txt نمایش داده نشود شما باید قبل از ادامه آموزش کاری کنید که پسوند فایل نمایش داده شود.
برای این کار میتوانید در جستجوگری "آموزش نمایش دادن پسوند فایل در ویندوز 7 " را جستجو کنید. به جای ویندوز 7 باید نام سیستم عامل خود را وارد کنید .
به زودی آموزشی برای نمایش پسوند فایل ها در ویندوز در وبلاگ قرار می دهیم.


حالا روی فایل کلیک راست کرده و گزینه Rename را انتخاب کنید.

.txt که در انتهای نام فایل است را پاک کنید و به جای آن .html تایپ کنید و کلید Enter را فشار دهید سپس پیغامی ظاهر می شود که باید Yes را  انتخاب کنید.

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

توضیحات تگ ها در html :
اچ تی ام ال ازتعدادی تگ ( Tag ) تشکیل میشود.
که یکی از تگ های اچ تی ام ال که با آن آشنا شدیم <hr> است که برای کشیدن خط افقی در صفحه به کار می رود.
فعلا همین مقدار توضیح درباره تگ ها کافیه و توضیحات بیشتر در بخش های بعدی آموزش اچ تی ام ال قرار می گیرد.

پسوند فایل های اچ تی ام ال :
پسوند فایل های اچ تی ام ال .htm یا .html است پسوند htm قدیمی تر است.
شما میتوانید به جای وارد کردن .html در انتهای فایل از .htm استفاده کنید .

با اینکه سعی شد تا جای ممکن این آموزش به طور ساده بیان شود اما اگر برایتان  مشکلی پیش آمده یا سوالی دارید در بخش نظرات همین مطلب بفرستید تا پاسخ دهیم.
پایان بخش اول آموزش اچ تی ام ال
نظرات 1 + ارسال نظر
محمد دوشنبه 27 شهریور 1396 ساعت 19:50

خیلی ساده توضیح دادید .
کار های ساده ای مثل ساخت فایل نوت پد نیازی به توضیح ندارن. لطفا سرعت آموزش رو بالا تر ببرید.

سعی می کنیم در آموزش های بعدی سرعت آموزش رو بالاتر ببریم و کارهای ساده رو توضیح نمیدیم تا سریعتر آموزش به پایان برسه .
آموزش زبانهای برنامه نویسی هم به زودی در وبلاگ قرار می گیره .
ممنون برای نظرت

امکان ثبت نظر جدید برای این مطلب وجود ندارد.