Шилтемелер веб баракчанын көрүнүшүнө олуттуу таасир этет. Вебсайтыңызбы же блогуңузбу, сонун ыңгайлаштырылган шилтемелер веб-сайтыңыздын дизайнын жакшы жакка өзгөртө алат. HTML жана CSS билбесе дагы, жакшы шилтеме жасоо оңой.
Нускамалар
1 кадам
Алгач, туруктуу шилтеме түзөлү. Бул төмөнкү кодду колдонуу менен жүргүзүлөт: шилтеме аты. Бул коддо бирка шилтеме болуп саналат. Анын "href" атрибуту шилтеме алып барган барактын дарегин көрсөтөт. "Шилтеме аталышынын" ордуна шилтемени чагылдырган сөз же сөз айкашын жазыңыз
Ошондой эле, шилтемени чыкылдаткан кезде пайда боло турган текстти кошо аласыз. Бул жерде сизге тегдин "аталышы" атрибуту жардам берет.
2-кадам
Эми байланыштырууга өтөлү. Муну жасоонун эң оңой жолу - каскаддык стилдер баракчаларында (css). Өз сайтыңыздын стилдерин камтыган файлды ачып, ошол жерге дагы код жазыңыз. Же болбосо, стилдерди html барагына түз эле киргизе аласыз. Бул үчүн, сайттын стилин настройкалоо кодун колдонуңуз.
3-кадам
Келгиле, дизайнга түшөлү. Жазуу үчүн синтаксис {стилдин параметрлери} болмок. Бул жерге эмне жазышым керек?
Биринчиден, шилтемелердин өңүн өзүңүздүн табитиңизге жараша өзгөртүңүз. Бул код сизге бул жагынан жардам берет:
a {color: # 00000;}. Албетте, "# 00000" ордуна өз түсүңдү киргизишиң керек. Ушул формада түстүү коддорду ар кандай графикалык программаларда (мисалы, Photoshopто) билүүгө болот же веб-палитра табууга болот.
4-кадам
Демейки шартта, браузер шилтемелердин астын сызат. Муну төмөнкү код менен жокко чыгарууга болот: a {text-decor: none;}
Калың шилтемелерди түзүү үчүн font-weight: bold; параметрин колдонуңуз. Ал стилдин кодуна түс сыяктуу эле киргизилет, асты сызылган.
5-кадам
Кээ бир сайттарда шилтеменин үстүнө жылганда, анын сырткы көрүнүшү өзгөрүп кетерин байкагандырсыз. Сиз да муну кыла алат. Ушул сыяктуу код сизге жардам берет: a: hover {style параметрлери}. Параметрлер кадимки шилтеме сыяктуу эле көрсөтүлөт, бир гана мааниси - бул "hover" псевдо-класс, ал браузерге шилтеменин үстүнөн жылдырганда ушул орнотууларды колдонуу керектигин билдирет.
Ошо сыяктуу эле, сиз кирген шилтемелерди бөлүп көрсөтсөңүз болот: а: барган {стилдин параметрлери}
