بازدید: ۴۵۴

سازگار ساختن صفحات با یکدیگر (آموزش HTML & CSS)

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

 

1- در فایل Index.html، عنوانی را به صفحه اضافه کنید:

 

سازگار ساختن صفحات

 

2- این پاراگراف را در زیر عنوان قرار دهید:

 

پاراگراف در زیر عنوان

 

3- مجددا فایل index.html را در مرورگر بارگذاری کنید. باید شبیه به شکل زیر به نظر برسد:

 

بارگذاری مجدد index.html

 

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

 

نوارپیمایش در مرورگرها

 

این اتفاق به خاطر وجود خصوصیت های float:left در نواحی navbar و navbar li می باشد. برای رفع این مشکل که براثر وجود خصوصیت float بوجود می آید، از خصوصیت clear استفاده کنید.

4- در فایل Index.html، ناحیه ای به نام clear اضافه کنید:

 

ناحیه Clear

 

حال index.html را ذخیره کنید.

5- در فایل format.css، یک قالب بندی برای ناحیه clear اضافه کنید:

 

clear formatting1

 

فایل format.css را ذخیره کنید.

6- فایل Index.html را مجددا در مرورگر بارگذاری کنید. باید شبیه به شکل زیر به نظربرسد:

 

فایل ایندکس برای clear

 

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

طراحی سایت و سئو توسط ضابط