آیا یک تگ اندازه HTML وجود دارد؟

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

تگ اندازه HTML در HTML وجود ندارد. در عوض، به منظور تنظیم اندازه فونت ها، تصاویر یا طرح شما باید از نوارهای سبک Cascading استفاده کنید. در حقیقت، هر گونه تغییر بصری که باید در متن یا عنصر دیگری ایجاد کنید باید توسط CSS انجام شود! HTML فقط برای ساختار است

نزدیکترین تگ به یک تگ اندازه HTML، برچسب فونت قدیمی است که در واقع ویژگی اندازه را نیز شامل می شود. هشدار داده شود که این برچسب در نسخه های فعلی HTML فراموش شده است و ممکن است در آینده از مرورگرهای دیگر پشتیبانی نکند! شما نمی خواهید از برچسب فونت در HTML خود استفاده کنید! در عوض، شما باید CSS را یاد بگیرید تا عناصر HTML خود را اندازه بگذارید و صفحه وب خود را بر اساس آن تغییر دهید.

اندازه قلم

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

برای تنظیم پاراگراف به اندازه فونت 12pt، از ویژگی سبک سبک فونت استفاده کنید:

h3 {font-size = 24px؛ }

این سبک اندازه قلم عناصر headiing3 24 پیکسل را تنظیم می کند. شما می توانید این را به یک ورق سبک خارجی اضافه کنید و تمام H3 ها سایت شما از این سبک استفاده می کنند.

اگر می خواهید سبک های تایپوگرافی دیگری را به متن خود اضافه کنید، می توانید آنها را به این قانون CSS اضافه کنید:

h3 {font-size: 24px؛ رنگ: # 000؛ فونت وزن: طبیعی؛ }

این نه تنها اندازه فونت را برای H3 ها تنظیم می کند، بلکه رنگ را به سیاه (که کد هگزا از # 000 است) را تنظیم می کند و وزن را به "عادی" تنظیم می کند. به طور پیش فرض، مرورگرها عنوانهای 1-6 را به عنوان متن پررنگ ارائه می کنند، بنابراین این سبک می تواند پیش فرض را به طور پیش فرض و اساسا "un-bold" متن را لغو کند.

اندازه تصاویر

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

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

برای تعیین اندازه تصویر خود با استفاده از HTML، از ویژگی های ارتفاع و عرض برچسب img استفاده کنید. برای مثال، این تصویر می تواند 400x400 پیکسل مربع باشد:

height = "400" width = "400" alt = "image" />

برای تعیین اندازه تصویر خود با استفاده از CSS، از خواص سبک و عرض استفاده کنید. این تصویر همان است، با استفاده از CSS برای تعریف اندازه:

style = "height: 400px؛ width: 400px؛" alt = "image" />

اندازه طرح

رایج ترین اندازه که در یک طرح تعریف می کنید عرض است و اولین چیزی که باید تصمیم بگیرید این است که آیا از یک طرح عرض پویا یا یک وب سایت پاسخگو استفاده کنید. به عبارت دیگر، شما می خواهید عرض را به عنوان یک عدد دقیق از پیکسل ها، اینچ ها یا نقاط تعریف کنید؟ یا می خواهید عرض طرح خود را با استفاده از ems یا درصد، انعطاف پذیر کنید؟ برای تعریف اندازه طرح خود، شما از ویژگی های CSS عرض و ارتفاع درست مانند آنچه که در تصویر دارید استفاده می کنید.

عرض ثابت:

style = "width: 600px؛">

عرض مایع:

style = "width: 80٪؛">

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