آموزش تگ های تاثیر گذار بر متنون در HTML

زمانی که شما با یک خودکار یا مداد می نویسید در بعضی مواقع باید کلمات مهمی را درشت ، کوچک ، بزرگ ، مورب ، خط زیر و ... بنویسین که در کد های html (اچ تی ام ال) سعی شده این نوع نوشته ها رو به وجود بیاره که ما در این مطلب به آموزش برخی از آنها می پردازیم.

تگ های <b> و <strong>

این تگ ها زیاد فرقی با هم ندارند و در هر دو حالت این متن به صورت بزرگ نوشته می شود. نمونه در این دو حالت: Bold - Strong

تگ های <big> و <small>

این تگ ها همونطور که از اسمشون پیداست وارونه هم دیگه هستند و متن رو بزرگ و کوچیک نشون می دن: big normal small

تگ های <em> و <i>

این تگ ها نیز تفاوت زیادی با هم ندارن و تا اون جایی که من میدونم مثل اون دو تا بالایی اصلا فرقی ندارن:  this text write by i tag --- this text write by em tag

تگ های <sub> و <sup>

این تگ ها هم وارونه همدیگه هستن. با این تگ ها میشه متن رو به صورت توان یا اون پایینش نوشت:  normal text_{sub text} --- normal text ^{sup text}

تگ های <ins> و <del>

همونطور که از کلمه del پیداست معلومه که منظورش delete هست که با استفاده از این تگ یه خط روی کتن کشیده میشه و در تگ ins هم همین تگ زیر اون متن کشیده میشه:  this text write by ins tag --- this text write by del tag

تگ های <code> و <pre>

این تگ ها هم زیاد فرقی با هم نمی کنن ولی حداقلش اینه که یکم یا هم فرق می کنن که اونم زیاد پر فایده نیست این فرقشون. این تگ ها متن رو به حالت وقتی که متن یه کد هست در میارن یعنی یه چیزی تو مایه هایه متن درون تگ textarea : 

this text write by pre tag

تگ های <var> و <kbd>

این تگ ها کمی با هم فرق دارن و در اصل این تگ ها یه جور فونت به حساب میان (مگه بقیشون چی بودن؟ ☺☻) و بهتره تغییراشون رو خودتون ببینید:  kbd text --- normal text --- var text

تگ <span>

این تگ بین تگ هایی که توی این جلسه گفتم و خوام گفت مهم تر از همشه چون این تگ بی خاصیت تر از همه تگ های HTML هست که واقعا بی خاصیته ولی تا دلت بخواد خاصیت داره. (عجب بی خاصیت پر خاصیتیه این تگه) این تگ فقط یه تگ هست که در ظاهر هیچ بلایی سر متن در نمیاره و به اصطلاح همون نورمال (normal) خودمونه که برای این ساخته شده که ما تگی استاندارد داشته باشیم که با استفاده از CSS یه بلایی سرش بیارم.

تگ <abbr> و <acronym>

این تگ ها یه خط زیر متن شما می کشه و کاربر رو متوجه می کنه که ماوست رو اینجا نگه دار تا ... (ها بگو نه ، تا چی؟ ☺☻) . خلاصه این که خودتون اگه ماوس دارین ماوستون رو بیارین روی متن جلویی:  this is abbr tag --- this is acronym tag

البته باید بهتون بگم که این تگ ها فقط با گذاشتن خاصلیت title در کد عمل می کنه و اگر نذاری مثل .... وایمیسه نگات می کنه.☺☻

تگ <address>

این یکی هم که از اسمش پیداست که برای آدرس دادنه . آدرس ها رو اینجوری میده: 

تگ <bdo>

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

تگ <blockquote>

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

حات خوبه؟ مشکلی نداری؟ چرا داری تعجب می کنی؟

تگ <q>

این تگ در اول و آخر جمله علامتی میذاره . بهتره خودتون ببینین:   this text mack by q tag

تگ های <cite> و <dfn>

این تگ ها هم مثل هم هستند و یکمی یه جورایی مثل اون بالایی یه جور فونتن:   this is dfn tag --- this is cite tag