html تگها

pooriamirani الإثنين نوفمبر 09, 2009 11:59 pm

مهم ترین تگ ها در HTML تگهای heading و paragraph و line breaks هستند که در زیر به معرّفی هر یک می پردازیم.
- تگهای heading :
تگهای heading با <h1> تا <h6> تعریف میشوند و تگ <h1>بزرگترین و تگ <h6> کوچکترین heading می باشد.
برای مثال متن زیر را تایپ کنید و نتیجه را ببینید
کد HTML:

<h1>heading</h1>
<h2>heading</h2>
<h3>heading</h3>
<h4>heading</h4>
<h5>heading</h5>
<h6>heading</h6>

-HTML به صورت اتوماتیک نوشته ها رو کلفت تر میکند.

-تگهای paragraphs :
این تگ با <p> تعریف میشود،و HTML به طور اتوماتیک پاراگرافی را درست میکند.
مثال:
کد HTML:

<p>this is a paragraph</p>

- فراموش نکنید،تگ پایانی رو حتما" قرار دهید.

-تگ line break :
از این تگ برای شکستن خط استفاده میشود،یعنی همون کار دکمه ی اینتر را انجام میدهد و به صورت <b> میباشد.
این تگ از نوع تگ های بی پاین هست و لازم نیست که حتما" بسته شود.
مثال:
کد HTML:

<p>this<br> is a para<br>graph with line breaks</p>

- یادداشت گذاری در HTML:
از این تگ برای گذاشتن یک یادداشت در کدها استفاده می شود تا اینکه اگر بعدا" خواستید کد های خود را ویرایش کنید بتوانید از آن یادداشت استفاده کنید،ولی ای یادداشن توسط جستجوگر نمایش داده نمیشود.
مثال:
کد HTML:



- بهضی از تگها بی پایان هستند و لازم نیست که بسته شوند
-بعضی از تگ ها هم نیاز به مضمون یا همان content ندارند،یعنی چیزی در بین تگ آغازی و پایانی نوشته نمی شود.

یک نکته ی مهم:
-از تگ <br> برای درست کردن لیست استفاده نکنید صبر کنید تا به آموزش درست کردن لیست برسیم و اونجا تگ مخصوص این کار را یاد میگیریم!
به خلاصه ی یاد گرفته هایمان نگاه کنید.

یک فایل را تعریف میکند:<html>

بدنه را تعریف میکند:<body>

مربوط میشود به heading :<h1> تا<h6>

یک پاراگراف را تعریف میکنید:<P>

کار enter را انجام میدهد:<br>

برای یادداشت گذاری می باشد:<!-->

Define a norizontal rule :<hr>
..............................................................................................................2........................................................................................................ تگ های HTML می توانند ویژگی های مخصوص به خود را داشته باشند که این ویژگی ها اطلاعاتی را علاوه بر اطلاعات تگ در اختیار جستجوگر قرار میدهد.

-ویژگی های تگ ها به شکل نام و ارزش می باشد بصورت روبرو:name="value"

-ویژگی های تگ ها همیشه در تگ آغازی نوشته میشوند.
مثال:
کد HTML:

<h1 align="center">

همون طور که میبینید اطلاعاتی به غیر از اطلاعات تگ را در بر دارد.
مثال:
کد HTML:

<body bgcolor="yellow">

باز هم این تگ شامل اطلاعاتی بیشتر است.
مثال:
کد HTML:

<table border="2">

-ویژگی ها و ارزش های آنها به بزرگ یا کوچکی حروف حساس هستند و باید با حروف کوچک نوشته شوند.

- ارزش ها همیشه در داخل علامت نقل قول قرار میگیرند.یعنی:"ارزش"

- اگر شما یک صفحه ی وب را دیدید و از چیزی انجام شده بود متعجب شدید و گفتید که چه جوری میتونه همچین صفحه ای درست شده باشه،میتوانید از روی toolbar در جستجوگر منوی view را زده و سپس دکمه ی source یا page source را بزنید،در این صورت کد های آن صفحه به شما نشان داده می شود.

- در زیر به بررسی چند تگ که برای پیکر بندی نوشته استفاده میشود می پردازیم:
کد HTML:

<b>: برای نوشتن به صورت تو پر کاربرد دارد
<big>:برای نوشتن بزرگ کاربرد دارد
<em>:برای نوشته های مهم کاربرد دارد فونت نوشته را تغییر می دهد
<i>:برای نوشتن به صورت کج کاربرد دارد
<small>:برای نوشته های کوچک کاربرد دارد
<strong>:نوشته را توپر میکند
<sub>:برای نوشتن زیر نویس در نوشته ها کاربرد دارد
<sup>: ّبرای نوشتن بالا نویس در نوشته ها کاربرد دارد
<ins>: برای نوشتن مندرج مورد استفاده قرار میگیرد یعنی زیر نوشته یک خط میکشد
<del>:یک خط روی نوشته میکشد به معنی اینکه پاک شده است
<u>:زیر نوشته یک خط می کشد

نکات:
-در تگهای بالا بعضی از تگها برای انجام یک کار میباشند برای مثال تگ strong و تگ b هر دو نوشته را تو پر میکنند.

-از تگ del میتوان به جای تگ های s و تگ strike استفاده کرد.
-تگ ins همون کار تگ u را انجام میدهد.
معرفی چند تگ به نام computer output" tags".
کد HTML:

<code>:برای نوشتن کد ها در صفحه کاربرد دارد فونت نوشته تغییر می کند
<kbd>:برای نوشتن کدها درصفحه کاربرد دارد ولی با این فرق که نوشته تو پر میشود
<samp>: برای نوشتن کد ها در صفحه کاربرد دارد فونت نوشته تغییر می کند
<tt>: برای نوشتن کد ها در صفحه کاربرد دارد فونت نوشته تغییر می کند
<var>:برای نوشتن مهم کاربرد دارد فونت تغییر میکند
<pre>: برای نوشتن کد ها در صفحه کاربرد دارد فونت نوشته تغییر می کند

نکات:
-تگ های listing,plain text,xmp را میتوان با استفاده از تگ pre هم نوشت.

-تگ هایcode,samp,tt,pre همه مثل هم هستند.

حال به معرّفی چند تگ به نام citation,quotations,and definition Tags میپردازیم.
کد HTML:

<abbr>:تگ مخفف سازی
<acronym>: این هم تگ مخفف سازی می باشد
<address>:برای آدرس دهی میباشد
<bdo>:برای جهت دهی
<blockquote>:برای نقل قول بلند
<q>: برای نقل قول کوتاه
<cite>:برای ایراد کردن سخنی از کسی استفاده میشود
<dfn>:برای تعریف کردن یک واژه استفاده می شود

__________________