استفاده از اشکال تگ HTML

اشکال تگ HTML

تگ های HTML پایه ای برای طراحی صفحه وب را فراهم می کنند. برای ارائه انعطاف پذیری بیشتر با طراحی HTML، ویژگی ها برای تگ های HTML تعریف شده اند تا رفتار هر تگ خاص HTML را تغییر دهند.

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

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

بعضی از برچسب ها، مانند مورد استفاده برای ارائه یک تصویر ()، هیچ چیز را بدون داشتن حداقل یک ویژگی تعریف می کنند. در مورد تگ تصویر، شما باید یک ویژگی داشته باشید که به مرورگر می گوید که تصویر را نمایش می دهد.

با استفاده از bgcolor و پس زمینه با برچسب بدن

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

به طور پیش فرض، پس زمینه مورد استفاده مرورگرها هنگام برخورد با برچسب سفید است. اگر میخواهید یک رنگ پسزمینه به غیر از سفید، از ویژگی bgcolor استفاده کنید. تگ های زیر رنگ پس زمینه یک صفحه وب را از پیش فرض سفید تا خاکستری تغییر می دهد:

اگر می خواهید یک تصویر شامل پس زمینه برای یک صفحه وب باشد، می توانید از کد زیر استفاده کنید:

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

پیوند با استفاده از برچسب لنگر

مزیت بنیادی جهانی وب به توانایی آن در پیوند دادن اسناد و ارتباطات سریع از یک صفحه به صفحه مرتبط دیگر کمک می کند. پیوند اسناد در HTML با استفاده از برچسب anchor () انجام می شود. تگ لنگر به خودی خود به مرورگر به کجا لینک نمی دهد. در عوض، شما باید ویژگی href را در مثال زیر ذکر کنید:

بازدید از حامی ما

این تکه از کد HTML به مرورگر می گوید که متن “Visit our sponsor” متن متنی برای پیوند است. هنگامی که کاربر بر روی متن لنگر کلیک می کند، آن را به url oursponsorswebsite.com منتقل می کند.

نمایش عکس با استفاده از برچسب تصویر

صفحات HTML بدون استفاده از تصاویر بسیار خسته کننده خواهند بود. نیاز به گفتن مرورگر که در آن برای پیدا کردن یک تصویر یک مثال خوب از نحوه استفاده از ویژگی های HTML است. تصاویر شامل استفاده می شود.

همانند تگ لنگر مثال بالا، استفاده از برچسب به تنهایی کافی نیست. tag tag attribute “src” لازم است تا مرورگر را به جایی که تصویر را برای نمایش داده می شود، به عنوان مثال زیر:

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

این تصویر تصویر را 150 پیکسل عرضی محدود می کند. به راحتی، ارتفاع تصویر در صورتی که مشخصه عرض مشخص شده باشد، محدود می شود.

امکان ارسال دیدگاه وجود ندارد!