آموزش html جلسه پنجم

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

دستورات داخل تگ برای اتصالات و استایل ها ربط دارد .

اولین تگ مهم این جلسه تگ  div  هست که در ۹۹ درصد یا بهتر است بگوییم ۱۰۰ درصد سایت ها وجود دارد .

تگ div برای قسمت بندی است . یعنی با استفاده از این تگ ما قسمتی یا باکس یا جعبه ای ایجاد می کنیم . و درون آن محتوا ایجاد میکنیم .

تگ div در منو ها ، ردیف ها ، ستون ها ، قالب ها ، قسمت ها و …. کاربرد دارد

تگ division   به طور خلاصه به تگ div  تغییر یافته است و از انجا که division  به معنی قسمت و تقسیم و دسته بندی هست کاربرد آن هم به همین صورت است .

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

شما می توانید متنی را که در جلسه قبل در داخل تگ span نوشتید . در داخل همان تگ به داخل تگ div  انتقال بدید .

به صورت زیر :

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

و از نظر سئو و قالب بندی و تمیزی کار درستی است .

تگ بعدی تگnav  می باشد . اگر شما به هر منوی شناوری دقت کنید می بینید که از این تگ استفاده شده است .

پس این تگ مناسب عناصر شناور می باشد . عناصری همچون منو .

تا به اینجای کار شما توانستید یک قسمت شناور و یک قسمت یا کادر یا باکس دارای محتوا بسازید. حال نوبت به تگ section  می رسد .

این تگ هم همانند تگ div  به قسمت بندی سایت مرتبط است .

این قسمت بندی با قسمت بندی در تگ div  کاملا متفاوت است و اگر بخواهیم تفاوت ان را بگوییم باید یک جلسه کامل برای آن بگذاریم.

برای اینکه فقط تفاوت کلی ان را بدانید . این است که تگ section از تگ div  جدید تر است .

البته لازم به ذکر است که به جای تگ div  در بسیاری از قسمت های سایت تگ های جدید تری اومدند که در قسمت های بعدی به انها می پردازیم .

و شما می بینید که لازم نیست که برای هر قسمتی یک div  بسازید ، بلکه یک تگ مخصوص به خودش که شکیل تر است را استفاده کنید .

کلاس ها :

تگ ها در html نیاز به یک کلاس یا به انگلیسی class دارند که با ان اتصالات به زبان های دیگر فراهم شود .

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

به طور مثال در کد زیر مشاهد کنید :

کلاس را در تگ شروع کننده قرار دادیم. و متنی انتخابی درون آن می نویسیم . به طور مثال برای ارتباط با زبان css می توانیم از این کلاس استفاده کنیم.

و یک تکه کد بنویسیم برای این کلاس . سپس هر تگی که با کلاسی به این نام در html قرار گیرد استایل همان تکه کدی که css ایجاد کرده اید قرار می گیرد .

Class در برنامه نویسی گرافیکی خیلی تاثیر دارد و علاوه بر سرعت به سئو سایتتان هم کمک می کند .

همچنین می توانید درون تگ شروع کننده به جز class دیگر چیز هایی مانند id , name , style ,… قرار دهید که ما سعی می کنیم در هر جلسه برای شما یکی از این ها را توضیح می دهیم .

برای تمرین این جلسه می توانید یک مقاله با فهرست و کلاس ها (که پس از یادگیری css به کارتان می آید ) بسازید. و از تگ های div , section  استفاده کنید .

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

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

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