@hsniceهیمانشو سینگ
یک برنامه نویس ، یادگیرنده ، هیمانشو سینگ (در یوتیوب)
قبل از شروع بحث در مورد طراحی ، موارد کد ، و نحوه ساخت صفحه Tribute ، شما قطعاً باید بعد از اتمام نحوه شکل گیری آن را بررسی کنید:
اکنون ، اجازه دهید مرحله به مرحله بحث در مورد اجزای صفحه Tribute که من با HTML5 و CSS3 ساخته ام شروع کنیم. اول ، ما در مورد آن بحث خواهیم کرد HTML بخشی و سپس ما ادامه خواهیم داد CSS بخش
✍️ HTML5
ما با ساختار اصلی یک صفحه HTML شروع خواهیم کرد. سپس ، شروع به پر کردن عنصر سر و عنصر بدن آن خواهیم کرد.
<html
<head
head
<body
body
htmlعنصر سر:
در برچسب head ، ابتدا a را اضافه خواهیم کرد
metaبرچسب برای ایجاد یک دیدگاه پاسخگو در طراحی وب ، کد آن این است:
name="viewport" content="width=device-width, initial-scale=1.0"بعد ، ما با اضافه کردن یک عنوان به صفحه وب خود می دهیم
titleبرچسب در سر ، که به نظر می رسد مانند:
<titleTribute Pagetitleحالا اگر آن صفحه را دیده اید ، قطعاً باید عنوان آن را بررسی کنید. این یک فونت طبیعی نیست. من برای آن از قلم google استفاده کردم که برای آن استفاده کردم:
rel="preconnect" href="https://fonts.gstatic.com"
href="https://fonts.googleapis.com/css2?family=Galdeano&display=swap" rel="stylesheet"این کد در برچسب head است.
اکنون ما باید سبک خود را با صفحه خود پیوند دهیم HTML کد و برای انجام این کار ، ما باید اضافه کنیم …