انچه قبل یادگیری HTML لازم بدانید

لینک دریافت فایل خرید پایین توضیحات

فرمت فایل word  قابل ویرایش پرینت

تعداد صفحات: 43

انچه قبل یادگیری HTML لازم بدانید:

برای شروع کار HTML شما چیزهایی نیاز دارید لیست زیر امده است:

1- شما ابتدا یک کامپیوتر دارید، احتمالا همین کامپیوتری کار کنید ما بینی 

2- شما یک ویرایشگر متن نیاز دارید. ویندوز شما توانید برنامه Notepad استفاده کنید. هر نرم افزار ویرایش متن دیگری استفاده کنید اما نکته نظر داشته باشید نرم افزار WordPad ویندوز وجود دارد نرم افزارهایی مانند Microsoft Office امثال نوشتن کدهای HTML مناسب نیستند چون هنگام ذخیره کردن متن نرم افزارها کدهایی اضافه کنند.نرم افزار Notepad توانید طریق منوی استارت قسمت Accessories پیدا کنید طریق فرمان Run تایپ notepad کادر Open فشار دادن دکمه Enter. 

3- شما یک مرورگر وب انتخاب خود نیاز دارید. توانید Microsoft Internet Explorer استفاده کنید ویندوز نصب شود Opera, Mozilla Firefox نرم افزارهای مشابه اغلب صورت رایگان دریافت فایل اینترنت وجود دارند.بهتر اینکه بتوانید خود اینترنت اکسپلورر نت اسکیپ امتحان کنید، هر دو مرورگر مختلف هر کدام پایهء یکی دو مرورگر ذکر شده باشند استفاده کنید. 

4- شما جایی ذخیره کردن متن خود دارید تواند جایی هارد دیسک شما، یک فلاپی دیسک یک سرور باشد. البته شما استفاده HTML نیاز ندارید حتما اینترنت متصل باشید، شما توانید استفاده یک مرورگر وب کامپیوتر خود HTML استفاده کنید. 

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

در اینجا خواهیم ساختار شناسه همان تگها (tag) HTML بپردازیم. یک تگ همیشه علامت کوچکتر ریاضی یعنی علامت > اغاز شود علامت بزرگتر < پایان رسد. مثلا تگی باعث ایجاد زیرخط کلمات شود اینطور نوشته شود: علامت قبل متنی خواهیم زیر خط کشیده شود قرار دهیم. تگ ، تگ ابتدایی (Opening tag) گویند، عملیاتی شما خواهید اغاز کنید شروع کند. منظور پایان دادن زیرخط باید یک تگ پایانی استفاده کنید. یک تگ پایانی علامت شروع شود: />  بقیه تگ مانند تگ ابتدایی باشد. درک بهتر مطلب مثال زیر توجه کنید:

Tags and their position

اگر بخواهید متن بالا زیرخط مرورگر خود ببینید باید انرا مطابق خط روبرو ویرایشگر متن خود بنویسید:

Tags and their position

نتیجه صورت بینید:

Tags and their position

همه تگها یک تگ پایانی نیاز ندارند. مثال تگی وارد کردن عکس استفاده شود  قبیل تگهاست، صورت باشد:

<"img src="myimage.gif>

البته بعدا تگ توضیح خواهیم داد اینجا فقط مثال تگ اوردیم. موارد دیگری وضعیت وجود دارند مثلا:
رفتن خط بعدی استفاده شود،

---

که ایجاد یک خط افقی کار رود و

که رفتن پاراگراف بعدی استفاده شود.

در ضمن نیاز نیست حتما تگها حروف بزرگ نوشته شوند. مثلا

همان

است. البته نسخه جدیدتر HTML توصیه شود کدهای HTML حروف کوچک نوشته XHTML نوشتن کدها حروف کوچک الزامی است. فضای خالی بین تگها تاثیری ندارد. مثلا :

         متن زیرخط دار         

کد بالا همان نتیجه دهد کد زیر دارد:

متن زیرخط دار

به طریق اگر نوشته شود فرقی نمی کند:

متن زیرخط دار

قالب پایه یک فایل HTML مانند زیر است. ببینید توانید کاری تگهای کد انجام دهند حدس بزنید؟ البته همه انها بعدا توضیح دهیم.

html قالب اصلیهر چیزی اینجا قرار گیرد شما قابل دیدن است

برای درک بهتر قسمت سعی کنید تگها صورت جفتی نظر بگیرید (از جایی باز شوند جایی بسته شوند) اولین تگاست علامت شروع یک متن HTML تگ پایانی اناست همانطور ممکن حدس زده باشید نشانه پایان متن HTML است. هر چیزی HTML باید بین دو تگ قرار گیرد. مانند متن، دیگر تگها، عکسها و... چون دو تگ نشان دهنده اغاز پایان شما هستند.

تگ بعدیاست. تگ مشخص کننده بخشی شما باید عنوان صفحه، کلمات کلیدی، دیگر توضیحات خود قرار دهید. بخش پایان رسد. مثال بالا تنها قسمت HEAD عنوان TITLE مشخص شود.

تگبه شما اجازه دهد خود یک عنوان برگزینید. قسمت استفاده موتورهای جستجو قرار گیرد همان متنی هنگام مشاهده نوار عنوان مرورگر نشان داده شود. هنگامی تگ قسمت BODY قرار نگیرد متن شما نشان داده نمی شود. پایان دادن تگ عنوان تگ استفاده شود:در مثال بالا عنوانی نشان داده شود قالب اصلی HTML است.

تگبخشی اغاز کند مرورگر شما نمایش اید. قسمت جایی ما باید کار اصلی خود انجام دهیم. پایان دادن تگ ازاستفاده کنیم. مثال بالا متنی مرورگر دیده شود صورت زیر (البته اینجا نوشته زیر رنگ فونت انتخاب شده قسمتهای بعد انها خواهیم پرداخت) :

هر چیزی اینجا قرار گیرد شما قابل دیدن است

چیزی اینجا بینیم متنی صورت ساده نوشته شده طرف چپ قرار دارد.

در درس

در درس کار متنها پردازیم. ابتدا تگ شروع کنیم:

1-    تگ باعث شود کلماتی بین تگ تگ پایانی قرار دارند صورت پر رنگ بولد (Bold) دیده شوند. مثال زیر توجه کنید:

متنی اینجا قرار بگیرد صورت بولد نمایش داده شود

مثال بالا صورت زیر دیده شود:

متنی اینجا قرار بگیرد صورت بولد نمایش داده شود

بیایید تگهای دیگری ادامه دهیم:

2-    زیرخط (Underline):

این متن زیر خط مشاهده شود

این نتیجه:

این متن زیر خط مشاهده شود

3-    حروف کج (Italic):

این متن صورت مورب دیده شود

و نتیجه صورت است:

این متن صورت مورب دیده شود

4-    حروف خط خورده:

این متن صورت خط خورده دیده شود

متن مرورگر صورت دیده شود:

این متن صورت خط خورده دیده شود

5-    وسط چین:

این متن وسط خط نوشته شود