دانلود وردپرس

نسخه 4.4 فارسی

ارسال مقاله

شما هم نویسنده شوید

قالب HTML

کاملا فارسی و راست چین

فارسی سازی

درخواست فارسی سازی

با سلام
با قسمت دوم از سری آموزش های رایگان html در خدمت شما عزیزان هستیم.

ساختار صفحات HTML وایجاد اولین صفحه وب

یک صفحه html بوسلیه تگ ها ایجاد شده .

تگ های دو نوع هستند : تهی و غیر تهی

تگ های غیر تهی :
تگ های غیر تهی یعنی تگ هایی که یک بخش شروع دارند و یک بخش پایان

بجای کلمه tagname باید نام تگ مورد نظر قرار بگیرد.

<tagname> : تگ شروع به این شکل نوشته می شود.

<tagename/> : تگ پایان نیز به این شکل نوشته می شود. تنها تفاوت تگ شروع و پایان وجود علامت / در تگ پایان است.

content : محتوای مورد نظر را نیز در این بخش قرار می دهیم.

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

تگ های غیر تهی نیز به شکل بالا نوشته می شوند. نمونه این تگ ها مثل br ، img و …

ایجاد اولین صفحه وب html

برنامه کد نویسی خودتون رو باز کنید و کد زیر رو درون اون تایپ کنید. من از برنامه Notepad خود ویندوز استفاده می کنم چون همه به این نرم افزار دسترسی دارند.

بعد از تایپ کد های بالا از منوی File گزینه Save رو انتخاب کنید. اگر این کار رو انجام بدید باید با پنجره ای به شکل زیر روبرو بشید.

جلسه دوم آموزش html-ذخیره فایل

در این پنجره ابتدا یک مسیر برای ذخیره فایل تون انتخاب کنید. در قسمت File name باید یک نام برای صفحه html که نوشتید تعیین کنید. این نام حتما باید دارای پسوند html. باشه. گزینه Save as type رو بر روی All Files قرار بدید و نهایتا روی دکه Save کلیک کنید. حالا به مسیری که تعیین کردید برید و بر روی فایل index.html کلیک کنید.

چه اتفاقی افتاد؟ صفحه زیر ظاهر شد. تبریک میگم بهتون. اولین قدم رو برای طراح شدن با موفقیت برداشتید.

جلسه دوم آموزش html- اولین صفحه

همونطور که می بینید از ۴ تا تگ استفاده شده که همه ی صفحات شما باید این ساختار رو رعایت کنند. یعنی همه صفحات وب درون اینترنت این ساختار رو دارند. منتها با کمی تغییرات که به مرور زمان براتون میگم.

اگه دقت کنید هر ۴ تا تگ به صورت غیر تهی هستن، یعنی اینکه هم تگ شروع دارن و هم تگ پایان.

خب حالا به تفسیر کدها می پردازیم :

هر صفحه html دو قسمت اصلی داره :

  1. قسمت سر (head)

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

۲ . قسمت بدنه (body)

قسمت بدنه شامل تمام محتویاتی است که درون صفحه مشاهده می کنید.

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

جلسه دوم آموزش html- ساختار صفحات

در این ساختار شما فقط قسمت سفید رنگ که تگ body هست را درون مرورگر خود می بینید.

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

تمرین جلسه دوم دوره آموزش html : 

یک سند HTML استاندارد ایجاد کنید و نام و نام خانوادگی خودتون رو درون عنوان قرار بدید.

و یک متن یا یک بیت شعر درون خود صفحه قرار بدید و اون رو ذخیره و اجرا کنید.

این تمرین رو باید در مدت ۵ دقیقه و نه بیشتر انجام بدید چون خیلی آسونه.

با تشکر

پایان جلسه دوم دوره آموزشی رایگان HTML

nullers.ir

دیدگاهتان را بنویسید

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

خبرنامه نالرز

اگر وردپرس بخشی از زندگی شما را تشکیل میدهد , ایمیل خود را در کادر زیر وارد کنید و خود را به طور رایگان عضوی از خانواده +12000 تایی وردپرسی ها کنید !
مطمئن باشید ایمیل شما پیش ما محفوظ است و پاتوق تبلیغاتی ما نخواهد بود