بنر وب سایت مجموعه ایوسی
بنر وب سایت مجموعه ایوسی
جستجو
این کادر جستجو را ببندید.

هدایای ویژه طراحی سایت

۱۴ نوع فرمت HTML و چرایی اهمیت آنها

کد نویسی html

اگر این مقاله را دوست دارید، لطفا آن را با دوستان خود به اشتراک بگذارید.

در توسعه وب، یک سند HTML به شما امکان طراحی و سفارشی سازی نمایش یک صفحه وب را می دهد. راه‌های زیادی برای قالب‌بندی این سند وجود دارد، مانند کوچک‌تر کردن یا پررنگ‌تر کردن متن. دانستن برخی از این گزینه های قالب بندی می تواند به شما کمک کند تا یک صفحه وب ایجاد کنید که بیشترین هماهنگی را با پروژه و اهداف طراحی خلاقانه شما دارد.

در این مقاله از ایوسی، فهرستی از ۱۴ فرمت HTML را بررسی می کنیم که می توانید از آنها برای اصلاح سند HTML خود استفاده کنید.

مرتبط: راهنمای درک HTML در مقابل CSS (به اضافه تفاوت ها)

چرا قالب بندی HTML مهم است؟

قالب بندی HTML مهم است زیرا به شما امکان می دهد متن خود را سفارشی کنید و وب سایت ها و صفحات وب منحصر به فردی ایجاد کنید که برای کاربران جذاب باشد. این قالب‌ها مخصوصاً برای متخصصان طراحی وب مفید هستند که می‌خواهند عنصر شخصی‌سازی‌شده‌تری را اضافه کنند، در حالی که متن هنوز مرتب و تمیز است. شما می توانید صفحات وب از نظر بصری جذابی ایجاد کنید که زیبا هستند و می توانند رابط کاربری را بهبود بخشند. این نوع قالب‌بندی همچنین یکنواختی بیشتری در سراسر صفحه وب ایجاد می‌کند و طراحی شما را ساده‌تر می‌کند تا متن راحت‌تر خوانده شود و درک شود.

مطالب مرتبط: نحوه مشاهده HTML با استفاده از مرورگرهای مختلف اینترنتی

لطفاً برای تکمیل این فرم، جاوا اسکریپت را در مرورگر خود فعال کنید.

طراحی وب سایت: راهی برای جذب مشتریان و افزایش فروش آنلاین شما

آیا میخواهید کسب و کار آنلاین خود را به سطح جدیدی برسانید؟

با یک وب سایت حرفه‌ای، میتوانید به مشتریان اعتماد بیشتری القا کنید و فروش آنلاین خود را افزایش دهید. طراحی وب سایت حرفه‌ای به شما امکان می‌دهد تا هویت برند خود را به صورت جذاب نمایش دهید و محصولات و خدمات خود را به نمایش بگذارید. همچنین، با بهینه سازی وب سایت، میتوانید در موتورهای جستجو (مثل گوگل) بالاترین رتبه را کسب کنید و بیشترین ترافیک را به سمت وب سایت خود جذب کنید.

با ما تماس بگیرید (یا اطلاعات تماس‌تان را برای ما ارسال کنید) و ما به شما کمک خواهیم کرد تا یک وب سایت منحصر به فرد داشته باشید.

۰۹۱۳۳۹۵۷۹۲۰

نام
درخواست مدنظر شما

لیست ۱۴ فرمت HTML

در اینجا لیستی از ۱۴ فرمت وجود دارد که می توانید برای متن در سند HTML خود استفاده کنید:

۱. متن پررنگ – Bold text

فرمت پررنگ باعث می شود متن بین تگ های پررنگ تیره تر و ضخیم تر به نظر برسد. این جلوه پررنگ کمک می کند تا وقتی کاربران از طریق صفحه وب شما می خوانند، متن بیشتر قابل توجه باشد. اگر می خواهید بر یک پیام خاص تأکید کنید یا توجه کاربر را به یک منطقه خاص جلب کنید، در این صورت بولد یک راه حل مناسب است.

مطالب مرتبط: HTML در مقابل جاوا اسکریپت: تعاریف، تفاوت ها و چرایی اهمیت آنها

۲. متن کج – Italic text

فرمت ایتالیک باعث می شود که متن بین تگ های ایتالیک با زاویه کمی ظاهر شود. زمانی که عنوان یک اثر شخصی شده را ذکر می کنید، مانند یک فیلم یا کتاب، استفاده از حروف کج طبیعی است. گاهی اوقات حروف کج به برجسته کردن یک ایده یا مفهوم ناگفته کمک می کند که می خواهید کاربر در نظر بگیرد.

۳. متن خط دار – Underlined text

فرمت زیرخط دار باعث می شود متن بین تگ های زیر خط دار با یک خط نازک زیر آن ظاهر شود. شما در درجه اول از خطوط زیر برای تأکید بر بخش مهمی از متن استفاده می کنید. توجه داشته باشید که پیوندها در صفحات وب معمولاً به صورت پیش فرض در قالب زیرخط دار هستند.

۴. متن خطی – Strikethrough text

فرمت خط خطی باعث می شود که متن بین تگ های خط خطی با خط نازکی که مستقیماً از مرکز می گذرد ظاهر شود. شما همچنین می توانید این را فرمت ضربه ای نامید. استفاده از این ابزار اغلب به این معنی است که یک قطعه متن قدیمی یا نامربوط است.

۵. متن از پیش فرمت شده – Preformatted text

فرمت از پیش فرمت شده باعث می شود متن بین تگ های از پیش فرمت شده در مرورگر وب ظاهر شود، همانطور که در یک ویرایشگر متن ظاهر می شود. این شامل عناصر دیگری مانند فاصله ها، علائم نقطه گذاری و برگشت های کالسکه است. به طور معمول، مرورگرهای وب عناصری مانند فضاهای متعدد را نادیده می گیرند، اما شما می توانید این ویژگی ها را هنگام استفاده از این قالب حفظ کنید.

۶. متن رونوشت – Superscript text

قالب فوق اسکریپت باعث می شود که متن بین تگ های فوق اسکریپ با اندازه قلم کوچکتر از کاراکترهای اطراف ظاهر شود. با این حال، چند اینچ بالاتر از شخصیت های دیگر قرار دارد. شما اغلب از این قالب برای فرمول ها، مشخصات علمی و عبارات ریاضی استفاده می کنید.

۷. متن زیرنویس – Subscript text

قالب زیرنویس باعث می شود که متن بین تگ های زیرنویس کوچکتر از سایر کاراکترهای اطراف ظاهر شود. علاوه بر این، چند اینچ زیر دیگر شخصیت‌های مجاور قرار می‌گیرد. استفاده از این قالب برای معادلات ریاضی و فرمول های شیمیایی رایج است. شما همچنین از آن برای کاراکترهای پاورقی و کپی رایت یا نمادهای علامت تجاری استفاده می کنید.

۸. متن درج شده – Inserted text

فرمت درج شده باعث می شود که متن بین تگ های درج شده به صورت درج شده در پاراگراف با یک زیرخط ظاهر شود. شما اغلب این قالب را با فرمت دیگری جفت می کنید تا نشان دهید که جایگزین چیز دیگری شده است. برای مثال، می‌توانید کلمه «گل‌ها» را خط بزنید و سپس از قالب درج شده برای کلمه «شکلات» استفاده کنید. این نشان می دهد که کلمه “شکلات” جایگزین کلمه “گل” در پاراگراف شده است.

۹. متن حذف شده – Deleted text

فرمت حذف شده باعث می شود متن بین تگ های حذف شده با خطی که در مرکز قرار دارد ظاهر شود. این قالب تقریباً شبیه به ابزار ضربه‌ای کار می‌کند و اکثراً قابل تعویض هستند. شما اغلب از این قالب با فرمت دیگری برای نشان دادن جایگزینی متن حذف شده از پاراگراف استفاده می کنید.

۱۰. متن بزرگتر – Larger text

فرمت بزرگتر باعث می شود که متن بین تگ های بزرگ با اندازه فونت بسیار بزرگتر از بقیه متن های اطراف ظاهر شود. شما عمدتاً از این قالب برای تأکید بر یک قطعه مهم متن استفاده می کنید. همچنین می‌توانید فونت یک متن را بزرگ‌تر کنید تا بعداً برای کاربران یا خودتان راحت‌تر آن را پیدا کنید.

۱۱. متن کوچکتر – Smaller text

فرمت کوچکتر باعث می شود متن بین تگ های کوچک با اندازه قلمی ظاهر شود که یک اندازه قلم کوچکتر از بقیه متن های اطراف است. به جای جلب توجه به یک متن، از این قالب استفاده می کنید تا کمتر به چشم بیاید. وقتی می‌خواهید ایده‌ای خاص را درج کنید، اغلب از قالب کوچک‌تر استفاده می‌کنید، اما زیاد روی آن تأکید نمی‌کنید، زیرا ممکن است در رابطه با متن اطراف آن‌چنان مرتبط یا تکان دهنده نباشد.

۱۲. متن قوی – Strong text

قالب قوی باعث می شود متن بین تگ های قوی بیشتر از متن اطراف برجسته به نظر برسد. در اصل به مرورگر وب می گوید که متن مهم تر است. ممکن است متن قالب‌بندی شده پررنگ به نظر برسد، اما جلوه بصری دقیق می‌تواند بسته به مرورگری که استفاده می‌کنید متفاوت باشد.

۱۳. صورت قلم – Font face

فرمت صورت فونت باعث می شود متن بین تگ های صورت فونت با فونت دیگری ظاهر شود. فونت های زیادی وجود دارد که می توانید از آنها استفاده کنید، مانند Courier، Times New Roman یا Arial. با این حال، توجه داشته باشید که رایانه کاربر ممکن است نتواند فونت های خاص یا تخصصی خاصی را مشاهده کند. سعی کنید از فونت هایی استفاده کنید که اکثر کاربران به صورت پیش فرض روی کامپیوتر خود نصب کرده اند.

۱۴. فونت Monospace

فرمت monospace باعث می شود هر حرف از متن بین تگ های monospace با همان عرض ظاهر شود. بیشتر فونت‌ها فونت‌هایی با عرض متغیر هستند، زیرا حروف معمولاً عرض‌های متفاوتی دارند. به عنوان مثال، “w” گسترده تر از “l” است. این قالب تضمین می کند که فاصله تمام حروف مشابه است.

بخوانید: نحوه مشاهده HTML با استفاده از مرورگرهای مختلف اینترنت

اگر این مقاله را دوست دارید، لطفا آن را با دوستان خود به اشتراک بگذارید.

آخرین کتاب‌های ایوسی

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *