صفحه بندی در طراحی سایت
برچســب <b>
برچســب <b>که از واژه Boldبه معنی توپر یا ضخیم گرفته شده باعث توپر شدن متونی می شود که بین برچسب شروع وپایان <b>قرار گرفته اند.این برچسب در دسته ای از برچسب ها قرار دارد که برای سبک دهی به نوشته ها مورد استفاده قرار می گیرد و اصطلاحا font-style Tagsنامیده میشوند.
برای مشاهده تأثیر این برچسب بر روی عبارات، یک صفحه وب با برچسب های ضروری یک سند XHTML ایجاد نموده و عبارت زیر را در درون بخش<body>قرار دهید.
.The following word uses a >b<bold>/b< typeface
حال صفحه ساخته شده را در مرورگر باز کنید. عبارتی که درون برچسب های<b> قرار گرفته به صورت توپر نشــان داده می شــود. از این روش برای جلب توجه کاربران نسبت به بخش های مهم متن استفاده می شود.
برچسب </br>
اگر میخواهید پس از نوشتن بخشی از متن ،ادامه آن رادر سطر جدیدی دنبال کنید ،باید از برچسب </br>استفاده نمایید.نام این برچسب ،مختصر شده کلمه Breakبه معنی جدا کردن است واز آنجا که فاقد محتوا است،در همان برچسب شروع ،بسته می شود.
کد زیر را در Notepadوارد کرده وآن را به صورت یک فایل htmذخیره کنید.
<html>
<head>
<title>بررسی برچسب ها<title>
<head/>
<body>
سطر دوم</br>سطر اول
<body/>
<html/>
صفحه ساخته شده را در مرورگر باز کنید.
توجه داشته باشید که این برچسب صرفا برای انتقال متن به سطرجدید کاربرد دارد و بهتر است
برای ایجاد پاراگراف از آن استفاده نکنید چرا که در صفحات وب ،هنهگام تبدیل یک متن به پاراگراف باید یک سطر خالی قبل و یک ســطرخالی بعد از نوشته ایجاد شود و استفادخ از برچسب <p>برای انجام کار منطقی است.
برچسب های <h1>تا<h6>
در نرم افزارهای واژه پرداز برای متمایز نمودن تیترهای از بقیه متن ،از قابل بندی های آماده ای استفاده می شود که سر فصل یا Headingنام دارند.این سرفصل ها که در اندازه های متفاوتی تعریف شده اند به خواننده کمک می کنند تا سطوح مختلف سر فصل ها را درک نموده وبه آسانی متوجه شود هر تیتر زیر مجموعه کدام تیترها محسوب می شود.
در زبان XHTMLشش نوع سرفصل تعریف شده که <h1>بزرگترین آنها و <h6>کوچکترین سر فصل است .کد زیر را درمرورگر امتحان کنید:
<h1> اصول طراحی وب سایت </h1>
<h2> گام اول:نیاز سنجی</h2>
<h3>روش اول:مصاحبه با کارفرما </h3>
<h4>روش دوم:بررسی اسناد مکتوب </h4>
<h5> گام دوم :طراحی اولیه </h5>
<h6> گام سوم:تهیه متوا</h6>
نتیجه زیر نمایش داده می شود :
