آموزش مقدماتی HTML5 (بخش سوم)
در ادامه بخش قبلی از آموزش طراحی سایت وآموزش مقدماتی HTML5 میخواهیم در این بخش به تگ هایی تحت عنوان text formatting بپردازیم .گاهی اوقات مجبوریم برای نوشتن یک متن خاص یا عبارتی یک حالات خاصی را با استفاده از تگ های text formatting برای متن خود اعمال کنیم.
تگ <b>
متن را bold میکند.اما بهتر است در html از همان ویژگی font-weight استفاده کنیم و از این تگ کمتر استفاده کنیم چون یک تگ معنایی نیست.
تگ <u>
نوشته را بصورت underline مینویسد.
تگ <i>
متن را بصورت ایتالیک نمایش میدهد.
*** اگر بخواهیم همه ای اینها را باهم اعمال کنیم کافی است همه ی اینهارا در کنار هم استفاده کنیم . فرقی نمیکند که کدام را اول استفاده کنیم اما فرق دارد که کدام را اول ببندیم یعنی اگ تگ <u> را قبل از همه باز کردیم باید بعد از همه بسته شود. مانند خط آخر مثال زیر***
تگ <strong>
از نظر ظاهری کاملا مشابه با تگ <b> است اما یک تگ معنایی است .یعنی یک معنا و مفهومی را به همراه دارد. وقتی از این تگ استفاده میکنیم فقط به این معنا نیست که تگ ما bold شود و ما داریم به موتورهای جستجو میگوییم که این صفحه برای ما دارای اهمیت ویژه ای است. درواقع داریم این متن را برای موتور جستجو bold میکنیم.
تگ <em>
برای تاکید یک متن استفاده میشود. اما اینطور نیست که موتورهای جستجو از این کلمات کلیدی استفاده کنند برای سرچ های خود.این تگ هم یک تگ معنایی است.
تگ <small>
این تگ در آموزش مقدماتی HTML5 سایز فونت را کاهش میدهد.
تگ <mark>
نوشته را هایلایت نمایش میدهد.
تگ <del> در آموزش طراحی سایت
به معنای deleted . یک تگ معنایی است. مثلا یک فروشگاهی که محصولات خود را تخفیف داده ، میتواند این تگ استفاده میکند.
تگ <q> در آموزش مقدماتی HTML5
در آموزش طراحی سایت از این تگ برای نقل قول ها از آن استفاده میشود.
تگ <blockquote>
اگر نقل قول بیش از یک جمله باشئ یا مجموعه ای از جملات باشد،از این تگ استفاده میکنیم. و یک attribute بنام cite نیز دارد که در آن منبع و مرجع جمله راقرار میدهیم.
درخروجی متن را کمی فرورفته تر از بقیه متن نمایش میدهد.
تگ <abbr>
یک ویژگی title از ما میگیره. مثلا درون این تگ مخفف این عبارت را مینویسیم و داخل ویژگی title عبارت کامل را مینویسیم.
در خروجی وقتی روی عبارت با ماوس نگه دارید عبارت کامل را به شما نشان میدهد.
تگ <address>
وقتی میخواهیم اطلاعات تماس را قرار بدهیم از این تگ استفاده میکنیم.
تگ <cite>
وقتی بخواهیم نمونه ای یا اثری شناخته بشود بعنوان مثال اسم کتابی را درون تگ قرار میدهیم و بیرون تگ مینویسیم که اثر از کیست.
تگ <kbd>
برای گرفتن یک ورودی از کاربر استفاده میشود.
تگ <samp> در آموزش مقدماتی HTML5
میتواند برای نشان دادن خروجی کامپیوتر استفاده شود. یک تگ معنایی است.
تگ <var>
میتواند یک فرمول ریاضی را مشخص کند. بهتر است یک فرمول ریاضی را در این تگ قرار دهید.
تگ <code> در آموزش مقدماتی HTML5
برای نوشتن یک قطعه کد کامپیوتری استفاده میشود. به همان صورت که کدهارا در ادیتور نوشتیم در مرورگر به ما نمایش میدهد.
تگ <pre>
در آموزش مقدماتی HTML5 این تگ همانند تگ <code> است با این تفاوت که این تگ تمام space ها و enter هارا حفظ میکند و در خروجی نمایش میدهد.
تگ <sub> , تگ <sup>
اگر بخواهیم عبارتی را بصورت بالانویس یا زیرنویس بنویسیم از این دوتگ استفاده میکنیم.
برای ادامه آموزش مقدماتی HTML5 با ما همراه باشید.
——- ما را در اینستاگرام دنبال کنید. ——-
