PDA

View Full Version : تگ های HTML



raha1234567
یک شنبه 17 مرداد 1389, 11:41 صبح
تگهای HTML

اولین چیزی که برای برنامه نویسی html باید بدانید ،این است که تگ چیست و چه کاری انجام می دهد. تگها دو نوع هستند:

1. تگ آغازین 2. تگ پایان دهنده

بطور کل تگها با دو علامت کوچکتر و بزرگتر یعنی (<>) مشخص می شوند. و بین این دو علامت html نوشته می شود. مانند:



<b>

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


<b> Hello</b>

همانطور که مشاهده می کنید تگ پایان دهنده دارای علامت ( / ) slash میباشد.

اما کار این تگها چیست؟؟ مرورگر وب مانند اینترنت اکسپلورر ، به علامتهای <> حساس هستند و به محض اینکه به آنها می رسند کد داخل آنها را خوانده و عملیات لازم را بر روی متن بعد از آن انجام میدهد. تا به تگ پایان دهنده برسد .

آشنایی با تگها:

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


<html> </html>

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

تگها را ما به دو دسته تقسیم می کنیم :

1. تگهای سر (head)
2. و تگهای قسمت بدنه body



<html>
<head>
</head>
<body>
</body>
</html>


تگ <br> :

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



<body>
Hello <br> I am raha.
</body>



تگ <h1> , </h1> :

به این تگها heading می گویند و برای مشخص کردن سرفصلها و تیترها به کار می رود. این تگها از عدد یک تا عدد شش درجه بندی شده که عدد یک بزرگترین حد و عدد شش کوچکترین حد را نمایش میدهد. در ضمن دارای خصوصیت " "= align, میباشد و با right, center , left مقدار دهی می شود.



<h1 align="center"> hello</h1>
<h2 align="center"> hello</h2>
<h3 align="center"> hello</h3>
<h4 align="center"> hello</h4>
<h5 align="center"> hello</h5>
<h6 align="center"> hello</h6>



تگ <hr>:



این تگ روی خود متن کار انجام نمیدهد و فقط با ترسیم یک خط افقی آنها را از هم جدا می کند

width: طول خط را کنترل می کندکه هم با عدد در مقیاس پیکسل و هم با درصد می توان مقدار دهی کرد.
color: رنگ خط را مشخص می کند که هم می توانید نام رنگ و هم کد هگز آن را بنویسید.
size: ضخامت خط را مشخص می کند.


]<hr width ="50%">

ادامه مطالبدر مبحث های بعدی گفته می شود

موفق باشید

[/SIZE]