آموزش HTML بخش دوم

حال به تفصیل به تواناییهای بعضی از عناصرHTML می پردازیم.

هر عنصرHTML دارای تواناییها و خصوصیتهایی می باشد.این خصوصیتها یک سری اطلاعات اضافی و تکمیلی در مورد هر عنصر HTML است. این اطلاعات در تگهای ابتدایی در بین یک جفت " ” قرار می گیرند مانند name=”value”

<a href=”http://www.TopDesign.com”> This is a link</a>

در اینجا شما نمونه ای از عناصر HTML به همراه توضیحات تکمیلی (Attribute) را می بینید که در بین یک جفت ” ” قرار گرفته است.

تگهای Head Line و یا سرفصلها

سرفصلها توسط تگهای h1 تا h6 علامت گذاری می شوند. تگ h1 باعث ایجاد اندازه بزرگتری نسبت به h6 می شود.

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

مرورگرها به صورت اتوماتیک یک خط فاصله بعد از این تگها ایجاد میکند.

اهمیت تگهای Head Line

از این تگها برای بزرگ یا کوچک کردن نوشته ها استفاده نکنید بلکه برای موضوعات پر اهمیت از آنها استفاده کنید و موضوعات و نوشته های پر اهمیت را داخل آنها قرار دهید.

موتورهای جستجو مانند گوگل و یاهو برای پی بردن به موضوع وب سایت و صفحه وب شما از نوشته هایی که داخل این تگها قرار دارند استفاده می کنند.

ترتیب اهمیت این تگها به ترتیب اهمیت بیشتر از h1 به h6 می رسد.

تگهای خط کشی و یا خط (line)

تگ <hr/> برای کشیدن خط ها افقی استفاده میشود.

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

نوشتن توضیحات برای کدها HTML

این توضیحات باید به صورتی در درون کدهایHTML قرار گیرند که توسط مرورگرها خوانده نشوند. بنابراین این توضیحات را به این صورت

می نویسیم.

<!– This is a comment –>

این نوشته ها توسط مرورگرها خوانده نمی شوند.علامت تعجب فقط در ابتدا قرار می گیرد و در پایان نمی آید.

چگونه کدهای HTML یک صفحه وب را ببینیم؟

برای این کار شما میتوانید در صفحه مرورگرتان گزینه view را از نوار ابزار انتخاب کنید و سپس گزینه view source و یا source را انتخاب کنید.در این حالت یک پنجره جدید باز می شود که کدهای HTML را به شما نشان می دهد.

تگهای پاراگراف (Paragraph)

پاراگراف ها توسط تگهای <p> علامت گذاری می شوند.

<p>This is a paragraph</p>

<p>This is another paragraph</p>

مرورگرها به صورت اتوماتیک یک خط فاصله قبل و بعد از این تگها ایجاد میکند.

باز هم این نکته را یاد آوری می کنیم که تگهای ابتدایی و انتهایی را فراموش نکنید.

تگهای شکستن خط ( Line Breaks)

برای ایجاد شکست در یک خط و رفتن به خط بعدی و ایجاد فاصله از تگ </br> که یک تگ خالی (empty) است استفاده می شود.

این نکته قابل ذکر است که کلیه فاصله ها در بین تگهای HTML در هنگام نمایش توسط مرورگرها از بین می رود.

<h1> Headline1 </h1>

به طور مثال فاصله ای که قبل از محتوای این عنصر HTML وجود دارد در مرورگر از بین می رود.

تگهای نوع نمایش نوشته ها ( Text Formatting )

This text is bold

This text is big

This text is italic

This is computer output

This is subscript and superscript

تگهایی مانند <i> و یا <b> باعث می شوند که نوشته ها به صورت Italic و یا Bold نمایش داده شوند . این تگها را تگهای نوع نمایش یا

(Text Formatting ) می نامند.

برای آشنایی بیشتر با این تگها صفحات وب را به دقت نگاه کنید.در زیر تعدادی از این تگها را به نمایش می گذاریم.

<p> <b> This text is bold <b></p> This text is bold

<p> <strong>This text is strong </strong></p> This text is strong

<p><big>This text is big</big></p> This text is big

<p><em>This text is emphasized</em></p> This text is emphasized

<p><i>This text is italic</i> This text is italic

<p><small>This text is small</small></p> This text is small

<p>This is_subscript and ^superscript</p>

This is subscript and superscrip