بی‌اس.آکادمی
Bs.Academy

فهرست مطلب

سفارش آنلاین پروژه
آنلاین پروژه ات رو سفارش بده !
فرمت نوشته ها در HTML

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

تگ b و strong

جفت این تگ ها متن نوشته ما رو به حالت بولد یا همون پر رنگ و کلفت خودمون درمیارن ! حالا چه فرقی دارن باهمدیگه !؟ تگ b فقط میاد متن ما رو بولد یا پررنگ میکنه ولی اهمیت نمیده به داخل متن ! یعنی چی !؟ یعنی فقط قیافه متن ما رو پررنگ میکنه ولی اینکه داخل تگ چی نوشته شده برای مرورگر و موتورهای جستجو اهمیت نداره. ولی تگ strong میاد هم پر رنگ میکنه و هم اینکه به موتورهای جستجو میگه این توش یچیزه مهم نوشته شده ! بخونش ! 

				
					<b>This text is bold</b>
<strong>This text is important!</strong>

				
			

تگ i و em

مثل قسمت قبلی جفت این دو تا تگ هم یکار میکنن. ایتالیک یا همون مورب نوشتن متن ما . ولی توی خیلی از سایت ها میبینیم که اومدن برای اینکه از فونت آيکون ها استفاده کنن (بعدا بهتون میگیم چی هست !) از این تگ استفاده کردن ! ببینین کاملا درسته و صرفا فقط برای ایتالیک کردن متن ازش استفاده نمیشه . کلا تگ i میاد میگه یچیزی توی این پاراگراف متن وجود داره که آوا یا حالتش با بقیه متن فرق داره. حالا هر چیزی میتونه باشه توش . فرق تگ i و em هم توی این هستش که em تاکید بیشتری داره و یجورایی اهمیت بیشتری داره توی اون متن که داریم ازش استفاده میکنیم . 

				
					<i>This text is italic</i>
<em>This text is emphasized</em>
				
			

تگ small

خیلی توضیح نداره و همین که فقط متن رو کوچیک تر میکنه !

				
					<small>This is some smaller text.</small>
				
			

تگ mark

این تگ هم بیکاره میاد اون قسمت متن رو مارک میکنه ! یا همون های لایت خودمون . با ماژیک میکشه روش دیگه ساده تر از این !؟

				
					<p>Do not forget to buy <mark>milk</mark> today.</p>
				
			

تگ del

این تگ وجودش خیلی باحاله ! میاد میگه این متن که بوده!؟ الان نوشتیمش!؟ دیگه نیست ! یعنی دیلیت کردیمش ولی هست هنوز!! خیلی این تگ رو دیدین به چشم ولی هنوز نمیدونید این تگ بوده. مثلا میرید توی سایت فروشگاهی آفر تخفیف ویژه زده میزنه ۱ میلیون بوده الان شده ۹۹۹ هزار تومان . اون یک میلیون رو روش خط میکشه و اون ۹۹۹ تومن واضح تره. اونی که روش خط کشیده شده همین تگ del هستش ! 

				
					<p>My favorite color is <del>blue</del> red.</p>
				
			

تگ ins

توی مثال بالا بود یه قیمت رو خط زده بودیم !؟ اون یکی که واضح میزنه هم معمولا از تگ ins استفاده میشه ! یعنی چیزی که نبوده ولی ما  اضافه کردیمش. 

				
					<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
				
			

تگ sub

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

				
					<p>This is <sub>subscripted</sub> text.</p>
<p>H<sub>2</sub>O.</p>
				
			

تگ sup

برعکس تگ sub این میاد کوچیک میکنه سایز متن رو و میاره بالاتر قرار میده اون یه تیکه از متن رو. حالا چه کاربردی داره ؟! توی خیلی جاها دیدینش. اکثرا توی سایت ویکی پدیا مثلا وقتی میخواد یه متن رو استفاده کنه و بعدش بیار رفرنس بنویسه. شماره [1] اینجوری نوشته میشه بالای اون تیکه از متن.

				
					<p>This is <sup>superscripted</sup> text.</p>