
در این مطلب با مهم ترین تگ ها در html آشنا میشوید. به یاد داشته باشید که لازم نیست برای ایجاد تگ ها آنها را تایپ کنید کافی است از کلیدها برای ویرایشگر استفاده کنید.
<p>
تگ <p> نشان دهنده پاراگراف می باشد. برای هر پاراگراف لازم است که با <p> شروع و با </p> خاتمه یابد. بنابراین مرورگر میتواند تشخیص دهد که در کدام قسمت فاصله خطی ایجاد کند. ( در html تنها فاصله بین دو کلمه قابل تشخیص است ) . در وردپرس تگ <p> به صورت خودکار توسط کد بلاگ اضافه میشود و در ویرایشگر متن ظاهر نمیشود. ( همچنین شما میتوانید انتخاب کنید تا به صورت خودکار در ویدجت ها اضافه شود ) . اگر شما بر روی View source بلاگ خود در مرورگر کلیک کنید ، تگ <p> را در اطراف هر پاراگراف مشاهده خواهید نمود.
<h1>, <h2>, <h3> …
Html تگ های مخصوصی برای هدرها و زیر هدرها دارد که عبارتند از :
<h1> : بزرگترین هدر
<h2> : بعد از بزرگترین
و به همین ترتیب تا <h6>.
به طور معمول شما از <h1> در مطالب خود استفاده نمیکنید چرا که این تگ برای عنوان بلاگ و صفحه شما مورد استفاده قرار میگیرد.
<a href> – ایجاد یک لینک
تگ <a href> یک هایپرلینک ایجاد میکند. و اگر مشکلی رخ دهد میتوانید به راحتی آن را تشخیص دهید.
به عنوان مثال :
<a href=”http://www.webrgb.net”>WebRGB</a>
شما میتوانید ویژگی های بیشتری را نیز به لینک خود بدهید. مانند :
<a href=”http://www.webrgb.net ” target=”_blank”
title=”This link opens in a new window/tab”>WebRGB</a>
اگر لینک به درستی کار نکرد :
- بررسی کنید از نقل مستقیم به جای هوشمند استفاده کنید.
- بررسی کنید علامت های نقل قول درست بکار رفته باشد.
- بررسی کنید که URL حتما با http:// شروع میشود.
<img> – نمایش تصاویر
از این تگ برای نمایش تصاویر استفاده میشود. شما همچنین میتوانید ویژگی های بیشتری به این تگ برای تصویر خود بدهید.شما میتوانید به عنوان مثال در این تگ موقعیت قرارگیری تصویر را تعیین کنید.
توجه داشته باشید که این تگ در انتهایی که شروع میشود بسته میشود و تگ single میباشد.
<ul>, <ol>, <li> – ایجاد لیست
به عنوان مثال :
<ul><li>WebDesign</li>
<li>Seo</li>
<li>SocialNetwork</li></ul>
به صورت زیر نمایش داده می شوند:
- WebDesign
- Seo
- SocialNetwork
برای استفاده از اعداد برای شماره گذاری میتوان از تگ <ol> به جای <ul> استفاده کرد.