Rayaniko

توسط: | نظر ها: 0 | زمان انتشار: ۱۳۹۵/۶/۱۲

آموزش HTML5 و CSS3 - تگ ها (tag)

به توکل نام عظمت بسم الله الرحمن الرحیم

سریع بریم سراغ آموزش،

خب با tag شروع میکنیم. tag ها به دو دسته تقسیم میشن:

  •  tag هایی که دارای محتوا هستن. یعنی چی

<tag>content</tag>

این نوع tag ها شامل open tag (<tag>) و همینطور close tag (</tag>)، به چه دلیل از close tag استفاده میکنیم چوناین tag ها دارای محتوا هستن، شروع و پایان مشخصی باید داشته باشن.

  • tag هایی که دارای محتوا نیستن. یعنی چی

<tag/>

این tag ها چیزی به نام close tag ندارن، در اصل لازم ندارن. چون محتوایی توش وجود نداره.  مثلا </br> تگی هستش که یه enter میخوره و میره خط بعدی. در آینده بیشتر راجبش بحث میکنیم.

 

هر tag دارای attribute ( به اصطلاح attr ) های مشترک و خاصی هستن. attr چی هستشن اصلا، attr در لغت میشه صفت یا خصوصیات ترجمه کرد. روش نوشتن :

<tag attr="declaration">content</tag>

http://www.tutorialchip.com/wp-content/uploads/2011/01/Adding-Styles-to-an-HTMl-Tag.jpg

 

گفتم که همه تگ ها attr های مشترک و خصوصی دارن. خصوصی هارو وقتی که هر tag رو بخوام آموزش بدم معرفی می کنم.دو نو ع attr  مشترک داریم class و id که میتونیم با این دوتا به tag هامون اسم بدیم.

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

<tag id="hamidGhermez">content</tag>
<tag id="rezaAbi">content</tag>

اما جفت اتاقا درهای مشکی دارن پس:

<tag id="hamidGhermez" class="darMeshki">content</tag>
<tag id="rezaAbi" class="darMeshki">content</tag>

الان اتاق حمید دیوار های قرمز و در مشکی داره، اتاق رضا دیوار آبی، در مشکی دارد. جندتا تفاوت اساسی این دوتا attr دارن. اولا ما نمیتونیم  در صفحه html چندتا id با value مشابه داشته باشم. یعنی نمیتونیم با id="rezaAbi" اتاق غلی هم آبی کنیم. تفاوت بعدی این که اولویت id بیشتر از  class است. یعنی اگه <tag id="hamidGhermez" class="hamidMeshki">content</tag> هم id و هم class رنگ دیوار ها باشه، رنگ قرمز اولویت بیشتری به مشکی داره چون داخل id هستش.

 

منبع: رایانیکو

 

 

رایانیکو راهی نو اندیشه نیکو
 

پسندیدم

0

برای ارسال نظر لطفا وارد شوید