Қалай әдемі сілтеме жасауға болады

Мазмұны:

Қалай әдемі сілтеме жасауға болады
Қалай әдемі сілтеме жасауға болады

Бейне: Қалай әдемі сілтеме жасауға болады

Бейне: Қалай әдемі сілтеме жасауға болады
Бейне: 🎁 Өз қолыңызбен сыйлыққа арналған дөңгелек қорап || Сыйлықтарды әдемі орау әдісі 2024, Желтоқсан
Anonim

Сілтемелер веб-парақтың пайда болуына айтарлықтай әсер етеді. Сіздің веб-сайтыңыз немесе блогыңыз болсын, әдемі түрде жасалған сілтемелер сіздің веб-сайтыңыздың дизайнын жақсы жаққа өзгертеді. HTML және CSS білмесеңіз де, жақсы сілтеме жасау өте оңай.

Қалай әдемі сілтеме жасауға болады
Қалай әдемі сілтеме жасауға болады

Нұсқаулық

1-қадам

Алдымен тұрақты сілтеме жасайық. Бұл келесі кодты қолдану арқылы жасалады: сілтеме аты. Бұл кодта тег сілтеме болып табылады. Оның «href» атрибуты сілтеме апаратын парақтың мекен-жайын көрсетеді. «Сілтеме тақырыбының» орнына сілтемені білдіретін сөз немесе сөйлем жазыңыз

Сондай-ақ, сілтемені басқан кезде пайда болатын мәтінді қосуға болады. Бұл үшін сізге тегтің «аталымы» атрибуты көмектеседі.

2-қадам

Енді байланыстыруға көшейік. Мұны істеудің ең қарапайым тәсілі - каскадтық стильдер кестесінде (CSS). Сіздің сайтыңыздың мәнерлері бар файлды ашып, сол жерге қосымша код жазыңыз. Сонымен қатар, стильдерді тікелей html бетіне кірістіруге болады. Ол үшін сайт стилін теңшеу кодын қолданыңыз.

3-қадам

Дизайнға түсейік. Жазбаға арналған синтаксис {мән параметрлері} болады. Мұнда не жазуым керек?

Алдымен сілтемелердің түсін өз қалауыңыз бойынша өзгертіңіз. Бұл код сізге келесідей көмектеседі:

a {color: # 00000;}. Әрине, «# 00000» орнына өзіңіздің түсіңізді енгізуіңіз керек. Сіз түрлі-түсті графикалық бағдарламалардан (мысалы, Photoshop-тан) түсті кодты осы формада біле аласыз немесе веб-палитраны таба аласыз.

4-қадам

Әдепкі бойынша, шолушы сілтемелерді асты сызылған етіп жасайды. Мұны келесі кодпен жоюға болады: a {мәтіндік безендіру: жоқ;}

Қою сілтемелер жасау үшін қаріптің салмағын: қалың; параметрін қолданыңыз. Ол стиль кодына түсті, астын сызған сияқты енгізіледі.

5-қадам

Мүмкін сіз кейбір сайттарда сілтемені апарғанда оның сыртқы түрі өзгеретінін байқаған боларсыз. Мұны сіз де жасай аласыз. Мұндай код сізге көмектеседі: a: hover {style settings}. Параметрлер кәдімгі сілтемедегідей көрсетілген, жалғыз мән - бұл «hover» псевдо-класс, ол сілтемені жылжытқан кезде браузерге осы параметрлерді қолдану керектігін ескертеді.

Сол сияқты кірген сілтемелерді бөлектеуге болады: а: кірілген {стиль параметрлері}

Ұсынылған: