طراحی وب سایت
درباره سایت
آخرین مطالب
امکانات وب
يک مقايسه و يک آناليز ساده بين کد شما و ظاهري که در مرورگر مي بينيد ، مي تواند در يادگيري شما کمک شاياني کند:
design-web-17.gif
زمان مناسبي است که در مورد 2 تگ p و h1 و البته عناصر ديگر صحبت کنيم.
تيترها و سلسله مراتب آن (H)
تيترها عناصر بلاک و بسته شونده (container)هستند و سلسله مراتب مخصوص به خود را دارند و از h1 تا h6 وجود دارند.
از h1 براي مهم ترين تيتر از h2 براي تيتر کم ارزش تر و از h3 براي تيتر کم ارزش تر از h2 و به همين ترتيب تا h6
پاراگراف (p)
يک تگ بلاک و بسته شونده (container) است و براي يک بلوک متني استفاده مي شود اين بدان معني است که متن هاي خوتان را بايد داخل اين تگ قرار دهيد.
ليست (list)
فرض کنيد مي خواهيد ليست وب سايت هاي طراحي شده خودتان را نمايش دهيد ، به ليستي که من درسايت خودم استفاده کردم يک سري بزنيد.
اينجا:
design-web-18.jpgو اما ليست ها دو گونه اند:
Ol-order list : براي ليست هاي ترتيبي
Ul-unorder list: براي ليستهاي غير ترتيبي
به مثال زير دقت کنيد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lists - an introduction</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8"/>
</head>
<body>
<h1>Lists - an introduction </h1>
<p>Here's a paragraph. A lovely, concise little paragraph.</p>
<p>Here comes another one, followed by a subheading.</p>
<h2>A subheading here</h2>
<p>And now for a list or two:</p>
<ul>
<li>This is a bulleted list</li>
<li>No order applied</li>
<li>Just a bunch of points we want to make</li>
</ul>
<p>And here's an ordered list:</p>
<ol>
<li>This is the first item</li>
<li>Followed by this one</li>
<li>And one more for luck</li>
</ol>
</body>
</html>
و حالا خروجي کار رو در مرورگر ببينيد تا تفاوت هاي دو نوع ليست را ببينيد
design-web-19.gif
ظاهر همه ليست ها به همين سادگي نيستند و امروزه در طراحي وب سايت حرفه اي استفاده زيادي دارد. براي نمونه مي توانيد به فوتر وب سايت شرکت طراحي سايت وب اسکالا نگاهي بياندازيد تا ديدتان نسبت به استفاده از اين عنصر بازتر شود.
نظرات (0)
برچسب: طراحی وب سایت,طراحی سایت,طراحی وب,
نویسنده: sahar