آموزش html جلسه چهارم

به نام خداوند بخشنده و مهربان

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

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

اولین تگی که بعد از تگ ابتدایی باید قرار دهیم تگ مادر یا تگ  Html است که مادر تمام تگ ها هستند . و تگ ها در آن قرار می گیرند .

پس به این صورت این تگ را وارد کنید :

دقت داشته باشید که تمام تگ های سایتمان را در این تگ قرار می دهیم .

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

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

درون این تگ می توانیم اتصالات به زبان ها و فریمورک های دیگر را قرار دهیم .

همینطور می توانیم عنوان سایت را در سربرگ سایت قرار دهیم که در جلسات آینده بیشتر با این قابلیت ها آشنا می شوید .

تگ head یکی از اصلی ترین تگ هایی است که باید در هر سایتی مورد استفاده قرار گیرد.

به عنوان مثال درون تگ head یک تگ به عنوان  title  قرار دهید . و درون تگ title نام سایتتان را بنویسید .

به این صورت :

حالا فایل را ذخیره و ان را در مرورگرتان باز کنید و حالا سربرگ سایت یا زبانه سایت را نگاه بیندازید . نامی که در تگ  title  قرار دادید را در زبانه می بینید .

تگ بعدی تگ body  می باشد . این تگ مهم ترین تگ بعد از  html  است که تمام بدنه سایت در آن قرار می گیرد.

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

یا به صورتی می توان گفت که نزدیک به 95 درصد ظاهر سایت درون این تگ یعنی تگ  body  قرار میگیرد .

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

البته بدیهی است که این کار اصلا کار معقول و درستی نیست و برای نوشتن متن نسبت به ان متن در تگی مناسب آن را قرار می دهیم .

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

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

شما می توانید از این فایلی که دارید استفاده می کنید برای پروژه اصلی تان استفاده کنید . اما ما به شما پیشنهاد می کنیم که برای آموزش این از این فایل استفاده کرده.  و برای پروژه اصلی از فایلی در پوشه ای مجزا استفاده کنید تا هم مکان درست تر و هم نظم بیشتری داشته باشد.

لازم به ذکر است که در کنار هر تگ شروع کننده میتوان class و id  و style  و …. ایجاد کرد که در قسمت های آینده با ان اشنا می شوید .

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

پس برای تمرین از تگ ابتدایی ، تگ html , body , head , title  و همچنین کامنت استفاده کنید .

در جلسه بعد با تگ های دیگر آشنا خواهید شد ..

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