رفتن به مطلب
ssabaqi

کار با متون و آشنایی با خصوصیات

Recommended Posts

تگ‌های عنوان – H1 … H6

تگ‌های عنوان یک مجموعه ۶ موردی از تگ‌هایی است که به ما کمک می‌کنند تا عنوان‌های متنی را در صفحه ایجاد کنیم. چرا ۶ مورد هستند؟ سوال خوبی است. به مثال روزنامه بازگردید. شما می‌توانید عنوان‌های مختلفی را ببینید، برخی از آن‌ها بزرگ‌تر هستند و برخی کوچکتر، پس سطح بندی یا بهتر است بگوییم درجه‌بندی شده‌اند.
تگ‌های عنوان عبارت هستند از موارد زیر:

1
2
3
4
5
6
<h1>Title 1</h1>
<h2>Title 2</h2>
<h3>Title 3</h3>
<h4>Title 4</h4>
<h5>Title 5</h5>
<h6>Title 6</h6>

کدهای بالا را در فایل test1.html که در جلسه پیش ساختیم «در بین تگ‌های body» قرار بدهید و آن‌ را اجرا بکنید. حال می‌توانید مشاهده کنید که تگ‌ها با شماره کوچکتر،‌ متنی با اندازه بزرگ‌تر تولید می‌کنند.

تگ hr

از تگ hr برای کشیدن یک خط افقی استفاده می‌شود. این تگ یک تگ Self Closing است به این معنا که تگ بسته ندارد.
بیایید یک مثال ترکیبی از استفاده تگ پاراگراف، عنوان،‌ شکست خط و خط افقی را مشاهده کنیم.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<title>Simple Page</title>
</head>
<body>
<h1>Basic Title</h1>
 
<h2>Article Section</h2>
<h3>First Post</h3>
<p>Hello World! <br /> HTML Course</p>
<hr />
<p>Another Hello World</p>
 
</body>
</html>

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

خاصیت‌ها یا Attributes

قبل از اینکه مستقیما راجع به خاصیت‌ها صحبت کنیم بیایید یک مثال کلی از خاصیت‌ها را بیان کنیم. دو انسان کامل از نظر جسمی را در نظر داشته باشید. این دو انسان هر دو پا دارند، دست دارند، چشم دارند و… . اما این انسان‌ها کاملا شبیه همدیگر نیستند. هر کدام از این افراد یکسری صفات منحصر به فرد برای خودشان را دارند. ممکن است یکی از آن‌ها صبور و دیگری کم طاقت باشد و یا اینکه یکی مهربان و دیگری رفتار خشنی داشته باشد.
تگ‌های HTML نیز دقیقا به همین صورت هستند. شما ممکن است دو تگ H1 را در صفحه داشته باشید اما این موارد می‌توانند صفات متفاوتی داشته باشند.
صفات و خصوصیات به تگ‌های HTML این قابلیت را می‌دهند تا کارهای بیشتری انجام دهند و کارایی بالاتری داشته باشند. برای تعریف صفات در HTML به صورت زیر می توانید کار بکنید:

1
<tagname attributes="value">Content</tagname>

برای مثال یکی از خاصیت‌هایی که بسیار استفاده می‌شود خاصیت class است که ما بعدا در رابطه با آن نیز صحبت می‌کنیم. اما برای اضافه کردن آن به تگ‌های مختلف می‌توانیم به صورت زیر عمل کنیم:

1
2
3
<p class="p1"></p>
<h1 class="heading"></h1>
<h5 class="h6"></h5>

مقدار value برای هر کلاس به صورت دلبخواه است و هر مقداری را می‌توان در آن قرار داد.
اما قبل از اینکه این بحث را خاتمه دهیم یک موضوع مهم دیگر نیز وجود دارد که باید به آن اشاره کنیم:
ما دو دسته از خاصیت‌ها را داریم. خاصیت‌های همگانی و خاصیت‌های انحصاری.
خاصیت‌های همگانی به آن دسته از خاصیت هایی اشاره دارد که برای تقریبا تمام تگ‌ها استفاده می‌شود. برای مثال class یک خاصیت همگانی است که می‌شود از آن در تگ‌های متفاوت استفاده کرد.
خاصیت‌های انحصاری به خاصیت‌هایی گفته می‌شود که برای یک یا چند تگ محدود استفاده می‌شود. برای مثال خاصیت method تنها برای تگ form استفاده می‌شود و مورد استفاده تگ‌های دیگر قرار نمی‌گیرد.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

×