برچسبهای
HTML
برچسبها برای
مشخص کردن عناصر فايل HTML استفاده می شوند و توسط دو حرف <
و > احاطه می شوند. برچسبها معمولا به صورت جفت استفاده می
شوند مانند <b> و </b> ؛ برچسب اول، برچسب ابتدايی و برچسب دوم،
برچسب انتهايی ناميده می شود و متن بين آنها مندرجات عنصر می
باشد. برچسبها به بزرگی يا کوچکی حروف حساس نيستند مثلا <b> همانند <B> می باشد اما ما در
اين کتاب از حروف کوچک استفاده می کنيم. اگر می خواهيد خود را برای
استفاده از نسل جديد HTML آماده کنيد شما نيز بهتر است از حروف کوچک استفاده
کنيد. ضمنا اين پيشنهادی است که W3C (World Wide Web Consortium) برای استفاده از XHTML
می کند.
عناصر HTML
برای
روشن شدن مفهوم عنصر به دو مثال زير بسنده می کنيم:
خط زير يک عنصر است:
اين عنصر با
برچسب ابتدايی <b> شروع شده و با برچسب
انتهايی </b> پايان می پذيرد و This text is bold نيز مندرجات عنصر است.
خطوط زير نيز
مجموعا يک عنصر می باشد که شروع آن با برچسب ابتدايی <body> و پايان آن با برچسب
انتهايی </body> می باشد.
<body>
This is my first homepage. <b>This text is bold</b>
</body>
مشخصه برچسبها
برچسبها می
توانند دارای مشخصه (Attribute) باشند. مشخصه ها می
توانند اطلاعات بيشتری در باره عناصر HTML صفحه شما تدارک ببينند.
برچسب <body> عنصر بدنه صفحه شما را
تعريف می کند. با اضافه کردن مشخصه bgcolor شما می توانيد به مرورگر بگوييد که رنگ پس زمينه شما مثلا
قرمز باشد؛ مانند:
برچسب <table> يک جدول ايجاد می
کند. با اضافه کردن مشخصه border می توانيد به مرورگر
بگوييد که مثلا جدول شما حاشيه ندارد؛ مانند:
مشخصه ها همواره
به شکل جفت نام و مقدار به کار می روند: name="value" ؛ و همواره به برچسب
ابتدايی اضافه می شوند. در ضمن بهتر است که مقدار مشخصه ها بين
علامتهای نقل قول قرار گيرند.
برچسبهای اساسی
HTML
عنوانها
عنوانها توسط
برچسب <h1> تا <h6> ايجاد می شوند که <h1> بزرگترين عنوان و <h6> کوچکترين عنوان را ايجاد می کند. HTML
به طور خودکار يک خط خالی قبل و بعد از عنوان اضافه می کند. به مثال زير توجه کنيد.
<html>
<body>
<h1>This is a
heading</h1>
<h2>This is a
heading</h2>
<h3>This is a
heading</h3>
<h4>This is a
heading</h4>
<h5>This is a
heading</h5>
<h6>This is a
heading</h6>
<body/>
<html/>
پاراگراف
پاراگرافها
توسط برچسب <p> ايجاد می
شوند؛ و همانند عنوانهای HTML به طور خودکار يک خط خالی
قبل و بعد از عنوان اضافه می کند.
<html>
<body>
<p>This is a
paragraph</p>
<p>This is another
paragraph</p>
<body/>
</html>
شکست خطوط
برچسب <br> هنگامی
استفاده می شود که شما می خواهيد يک خط را پايان دهيد و ادامه متن به
خط بعدی برود ولی پاراگراف جديدی را شروع نکنيد. برچسب <br> يک برچسب خالی
می باشد و بر چسب انتهايی ندارد.
<html>
<body>
<p>This <br> is a para<br>graph with line breaks</p>
</body>
<html/>
توضيحات در HTML
برچسب
توضيحات برای قرار دادن توضيحاتی در فايل HTML استفاده می شود؛ و
مرورگر آنها را ناديده می گيرد <!-- This is a comment --> ) (و در خروجی نمايش نمی دهد. شما توسط اين برچسب می
توانيد فايل HTML خود را تشريح کنيد و هنگامی که می
خواهيد آن را ويرايش نماييد به شما کمک خواهد کرد تا سردرگم نشويد، اين مسئله خصوصا
در فايلهای HTML بزرگ صادق است.
<html>
<body>
<p>This is a
paragraph</p>
<!-- This is a comment -->
<p>This is another
paragraph</p>
</html>
</body>
ادامه
دارد ...........
بازگشت به فهرست
بازگشت به صفحه نخست