ما شاهد چگونگی ایجاد لینک hypertext با استفاده از متن بوده ایم و همچنین یاد گرفتیم که چگونه از تصاویر در صفحات وب استفاده کنیم. در حال حاضر، ما یاد بگیریم که چگونه از تصاویر برای ایجاد لینک ها استفاده کنیم.
مثال
ساده است که از یک تصویر به عنوان لینک استفاده کنید. ما فقط نیاز به استفاده از یک تصویر در داخل لینک در
تصاویر برای زیبایی بسیار مهم هستند و همچنین بسیاری از مفاهیم پیچیده را به صورت ساده در صفحه وب شما نشان می دهند. این آموزش شما را از طریق مراحل ساده برای استفاده از تصاویر در صفحات وب خود را.
عنصر <HTML> <img> یک تصویر را به سند وارد می کند.
درج تصویر
شما می توانید با استفاده از برچسب <img> هر تصویر را در صفحه وب خود قرار دهید. در زیر نحو ساده برای استفاده از این تگ است.
اهمیت Container در طراحی وب
بوت استرپ 4 همچنین نیاز به یک عنصر حاوی محتویات سایت را دارد.
این نوع از کلاس یک جورای میشه گفت سلیقه ای که درقسمت پایین توضیح داده میشود چه کاربردی را داراست
دو کلاس کانتینر برای انتخاب وجود دارد:
1.کلاسcontainer. یک کانال عرض ثابت ریسپانسیو را فراهم می کند.containerفقد وسط
2.کلاس مایع کانتینر یک ظرفیت عرض کامل را فراهم می کند که تمام عرض عرض نمایش را پوشش می دهد.container-fluid کل صفحه پوشش میده.
ایجاد اولین صفحه وب با بوت استرپ 4
افزودن نوع doctype HTML5
بوت استرپ 4 از عناصر HTML و خواص CSS که نیاز به نوع doctype HTML5 دارند استفاده می کند.
همیشه در ابتدای صفحه HTML5 doctype را همراه با مشخصه lang و مجموعه کاراکتر درست وارد کنید:
سلام دوستای عزیزم صبحتون بخیر و شادی..
امروز میخوایم در مورد چگونگی اضافه کردن header براتون بگم...
در فناوری اطلاعات، هدر، به طور کلی، چیزی است که پیش از چیزی دیگر قرار دارد و معمولا به عنوان بخشی استاندارد از واحدهای دیگری مورد تکرار قرار می گیرد.
عنصر <header> هدر یک سند یا بخش را مشخص می کند.
تعریف و کاربرد
عنصر <header> یک ظرف برای محتوای مقدماتی یا مجموعه ای از لینک های ناوبری را نشان می دهد.
عنصر <header> معمولا شامل:
عنصر <menu> <HTML> نشان دهنده یک گروه از دستورات است که کاربر می تواند آن را انجام یا فعال کند. این شامل هر دو فهرست لیست است که ممکن است در بالای صفحه نمایش ظاهر شود و همچنین منوهای زمینه مانند آنهایی که ممکن است زیر یک دکمه پس از کلیک روی آن ظاهر شوند.
نام منو به عنوان نشان داده شده به کاربر. مورد استفاده در منوهای توافق شده، برای ارائه یک برچسب که از طریق آن می توانید زیر منو دسترسی پیدا کنید. فقط باید زمانی مشخص شود که عنصر parent یک منوی <menu> در حالت منوی زمینه است.
تگ <footer> یک پایه برای یک سند یا بخش تعریف می کند.
عنصر <footer> باید حاوی اطلاعاتی درباره عنصر حاوی آن باشد.
عنصر <footer> معمولا شامل:
اطلاعات نویسنده
اطلاعات تماس
عنصر عنوان حاوی عنوان صفحه است. عنوان در نوار عنوان مرورگر (نوار در بالای پنجره مرورگر)، و همچنین در بوک مارک ها، نتایج موتور جستجو و بسیاری از مکان های دیگر نمایش داده می شود.
عنوان باید محتوای صفحه را به صورت مختصر و دقیق توصیف کند. سعی کنید هر صفحه از سایت خود را عنوان منحصر به فرد خود را.
<a> ... </a> - یک لینک
برای لینک در آوردن متن از تگ لینک استفاده میکنیم و همچنین از صفحه نرم افزار خودمان وارد سایت خارج از صفحه برویم از تگ لینک همان تگ <a> است
یکی از عناصر مهم در یک صفحه وب، عنصر به شما اجازه می دهد تا پیوندهای دیگر را ایجاد کنید. محتوا می تواند در سایت خود یا در سایت دیگری باشد.
برای ایجاد یک پیوند، برچسب های <a> و </a> را در اطراف محتوی که میخواهید برای پیوند استفاده کنید قرار دهید و نشانی اینترنتی را برای پیوند در ویژگی <a href> در <a> نشان دهید.
<span> ... </ span> - یک ظرف درونی برای محتوا
عنصر HTML <span> یک کانال خطی عمومی برای عبارات محتوا است که به طور ذاتی چیزی را نشان نمی دهد. این می تواند برای دسته بندی عناصر برای اهداف یک ظاهر طراحی (با استفاده از ویژگی های کلاس یا شناسه)، یا به دلیل اینکه آنها ویژگی های یکسان مانند lang را به اشتراک می گذارند. این باید فقط زمانی استفاده شود که هیچ عنصر معنایی دیگر مناسب نباشد. <span> بسیار شبیه یک عنصر <div> است، اما <div> یک عنصر سطح بلوک است در حالی که <span> یک عنصر درون خطی است.
عنصر span شبیه به div است که برای اضافه کردن ساختار به محتوای شما استفاده می شود. تفاوت این است که div یک عنصر block-level است، در حالی که span یک عنصر درون خطی است:
