مدل شناسی قالب
در این قسمت با عمده کلاس های CSS قالب آشنا می شوید که می توانید با بکارگیری آن ها در سایت محتویات را جذاب تر نمایش دهید.
این قست مثالی از Heading 1 می باشد.
استفاده از تگ هدر 1 بسیار ساده می باشد. کافی است داده های خود را بین یک تگ باز و بسته h1 قرار دهید.
این قسمت مثالی از Heading 2 می باشد.
مانند قسمت قبل برای استفاده از کلاس هدر2 باید داده خود راداخل تگ h2 قرار دهید.
در صورتی که می خواهید قطعه کدی را داخل سایت قرار دهید و آن را از دیگر بخش ها متمایز کنید :
<pre> or <div class="code">
#ja-rightcol {
width: 180px;
float: right;
color: #EEEEEE;
}
مثالی از تگ Heading 3 می باشد
بایستی از یک تگ باز و بسته h3 استفاده نمایید.
- این قسمت می تواند مثالی برای یک لیست شماره بندی شده باشد.
- کافیست از تگ ol به همراه li استفاده شود.
- شماره بندی ها بصورت خودکار انجام خواهد شد.
- مرورگر اینترنت اکسپلور6 این ویژگی را پشتیبانی نمی کند.
-
این قسمت مثالی از یک لیست بدون شماره بندی است.
-
کافیست از تگ های ul و li استفاده نمایید.
-
عملیات نقطه گذاری بصورت خودکار انجام خواهد شد.
-
این ویژگی در مرورگر اینترنت اکسپلورر6 پشتیبانی می شود.
-
قابلیت دیگر استفاده از چک لیست می باشد که می تواند بجای مورد بالا استفاده گردد.
-
به این منظور کافیست که کلاس ul خود را از نوع checklist تعریف کنید.
-
مسلما جذابیت چک لیست نیز مناسب می باشد.
-
این قسمت مثالی از یک لیست بدون شماره بندی است.
-
کافیست از تگ های ul و li استفاده نمایید.
-
عملیات نقطه گذاری بصورت خودکار انجام خواهد شد.
-
این ویژگی در مرورگر اینترنت اکسپلورر6 پشتیبانی می شود.
- This is a sample Check box list.
- Dolor Curabitur Nam Nulla augue id.
- Lorem et nunc congue pede auctor
- Nunc cursus sem et pretium.
<div class="bubble1"> <div> <div> <div> <div> متن حباب شما اینجا قرار بگیرد </div> </div> </div> </div></div>
