چی به چیه؟
برای نمایش دادن هر چیزی به مخاطب، دو روش داریم. یک اینکه بدون هیچ زیبایی‌ای، صرفاً منظورمان را به او برسانیم؛ اما یک روش هم داریم که به جای اینکه فقط محتوا را نمایش دهیم، یک فرم دلپذیر هم با آن بدهیم و آن را زیبا تر کنیم. این کار را تا چند مدت پیش که تگ های “style” و “div” و “span” را استفاده می‌کردید اما حالا، زمانی که می‌خواهید قبل از اینها، بدنه اصلی را تغییر دهید، باید از این دو تگ، تگ های ظاهری، استفاده کنید.
این وسط تگ های ظاهر!
خب دیدید چقدر ساده بود، تگ “b” یا” i” رو باز می‌کنی و بعدش متنت رو توش می‌نویسی؛ همین! حالا برای اینکه به مخاطبی که این صفحه رو می‌بینه (خب مسلماً، یه سایت محتوای بهتر از کلمه hello داره)، جذابیت بیشتری رو نشون بدیم، از تگ “br” هم که قبلا یاد گرفتید، استفاده می‌کنیم :
تگ dfn
خیلی از تگ ها مثل تگ “s”، مسئولیت ایتالیک کردن متن رو دارن، اما تگ “dfn”، بدون نقض‌تر هست و هیچ مرورگری نیست که نتونه این خروجی این تگ رو درست نمایش بده! برای همین خیلی ها ممکنه ازش استفاده بکنن!
تگ های ins و del
ساده بگم، “underline” و خط روی متن می‌اندازن و در رابطه با تگ های ظاهری خیلی برای متن هایی که بلند بالا ترن و کاربرد های بیشتری در متن رو از خودشون نمایش می‌دهند، استفاده می‌شوند! “del” برای خط روی متن و “ins” برای خط زیر متن هست! برای استفاده کافیه دستور زیر را اعمال کنید :
تگ های ظاهری و mark
تمام تغییرات ظاهر رو دیدم به جز اینکه یک متن رو هایلایت کنیم یا این عبارت مهم تر از بند های دیگه رو، خاص کنیم. این کار رو با این تگ انجام میدیم که بیشتر در وبلاگ های درسی به کار میره اما با کمک تگ “style” که جلسه قبل، یاد گرفتید، حتی میتونید رنگ، شکل، طرح، اندازه، بوردر و غیره، هایلایت رو، تنظیم کنیم تا یه چیز شخصی سازی شده و جذاب داشته باشیم. حالا اینجا، من به صورت ساده، عکس این تگ آوردم که میتونید خروجی رو ببینید :
<!DOCTYPE html>
<html>
<body>
<p> از تگ هایی که برای خوانایی بیشتر و زیبایی بیشتر متن کاربرد داره، تگ <mark>مارک</mark> هست</p>
</body>
</html>
دقت کنید قبل از تگ “mark”، یه فاصله می‌اندازیم تا کلمات، تو هم نشن! البته به جای تگ “p”، میتونیم از تگ های “h” یا “dialog” و یا هر تگ نوشتاری دیگه‌ای، استفاده کرد! خروجی هم همین پایین در خود سایت براتون قرار دادم :
با همین فرمون به سمت حرفه ای شدن!
اگر به این مقاله، با دقت توجه کرده باشید! میتونید راحت تر، مقاله های دیگه، مخصوصا در رابطه با تگ های دیگه رو دربارۀ آموزش “html”، بخونید. در واقع در این سری، قراره دونه به دونه تگ هارو مانند تگ های “ظاهر” بررسی کنیم. تا بتوانید با تک مقاله های کوتاه که قابلیت خوانش سریع را دارند، تگ ها را به سبک سایت “W3School” یاد بگیرید، اون هم به زبان فارسی! پس برای یادگیری تگ های بیشتر، روی اینجا کلیک کنید؛ و اگر حس می کنید نیاز به آموزش تگ بعدی دارید، اینجا را کلیک کنید.
راستی، اگر به دنبال آموزشات بیشتر در این زمینه هستید و می‌خواهید به یکی از افراد دانای این جامعه تبدیل بشید! یا بقیه تگ ها رو مانند تگ های “ظاهر” دنبال یا برای ما در نظرات بنویسید تا بخش های دیگر مربوط به “html” را برای شما توضیح بدهم. فرصت های شغلی در این زمینه کم است ولی هر فرد سایت دار، حتی اگر سایتش وردپرسی باشد! باید مقداری با این مورد آشنا باشد تا بتواند توانایی حل مسئله در دنیای خارج وردپرسی را داشته باشد.
