Мазмун

• Басуу
• 2ден 1-ыкма: Жөнөкөй шилтеме
• 2ден 2-ыкма: Электрондук почта жана анкерлерди кошуу
• Сунуштар
• Зарылчылыктар

Адатта "шилтемелер" деп кыскартылган шилтемелер же гипершилтемелер Интернеттин жана айрыкча веб-сайттардын негизин түзөт. Шилтемелер колдонуучуларга тексттин же сүрөттүн баскычын чыкылдатып, аларды башка веб-баракчага багыттайт. Бул аларды интернеттин ажырагыс бөлүгүнө айлантат. Вебсайтыңыздын бир бөлүгү катары шилтеме түзүү өтө аз HTML кодун талап кылат. Бул жерде биз сизге кантип көрсөтөбүз.

Басуу

2ден 1-ыкма: Жөнөкөй шилтеме

1. Текст түзүңүз же шилтеме катары колдоно турган сүрөтүңүздү коюңуз. Шилтемелер веб-сайтыңыздын кодун түзөтүүдө бир нече жөнөкөй html тегдери менен түзүлөт. Бирок адегенде тегдердин ичине эмнени салгыңыз келерин билүү маанилүү. Бул текст, сүрөт же башка HTML элементтери болушу мүмкүн, бирок биз бул жерде жөн гана тексттин сабын колдонобуз.
2. Тексттин айланасына эки тег коюңуз. Гипершилтемелер эки жөнөкөй тег менен көрсөтүлөт, бири кодду ачуу үчүн, экинчиси аны жабуу үчүн. Атрибуттарсыз бул азырынча пайдалуу эмес, бирок биз бул жөнүндө бир нерсе жасайбыз.
   • Сиздин шилтемеңиз мындай болушу мүмкүн: Менин жаңы вебсайтыма кирүү үчүн бул жерди басыңыз.
3. Шилтеме кайда алып бараарын көрсөтүү үчүн "href" атрибутун кошуңуз. "Href" атрибуту браузерге шилтемени чыкылдаткан учурда колдонуучуну кайда багыттоону билдирет. Бул атрибуттан кийин бирдей белги, андан кийин тырмакчадагы дарек менен коштолот.
   • Жогорудагы мисал эми мындай болушу керек: бул жерди чыкылдатыңыз менин жаңы вебсайтыма кирүү үчүн.
   • Эгер шилтеме көздөгөн жер башка веб-сайт болсо, анда сиз толук urlду камсыздашыңуз керек (ал көбүнчө "http" менен башталат). Эгерде баракчанын аталышы гана берилсе, анда ал веб-сайттын каталогунан изделет деп эсептелет.

2ден 2-ыкма: Электрондук почта жана анкерлерди кошуу

1. Сүрөттөн шилтеме түзүңүз. Шилтеме тэгдерине сүрөт теги кошулуп, муну жасоо абдан оңой. Сүрөттүн жайгашкан жеринин дареги керек болот (б.а. сиздин сервердеги же башка бирөөнүн жайгашкан жери). Сүрөттөгү шилтеме кандай болушу мүмкүн деген мисал келтирилген:
   • a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
2. "Mailto: колдонуп электрондук почта шилтемесин түзүңүз:’ протокол. Электрондук катты белгилүү бир дарекке жазуу үчүн шилтеме түзүү үчүн, "mailto:" колдонуп, аны түздөн-түз адамдын электрондук почтасынын алдына коюңуз.
   • Электрондук почта шилтемеси төмөнкүдөй болушу мүмкүн: бул жерди чыкылдатыңыз суроо берүү же комментарий берүү.
3. Оңой шилтеме берүү үчүн чоңураак веб-баракчада казыктарды жаратыңыз. Эгерде сиз веб-баракчанын белгилүү бир бөлүгүнө шилтеме берүүнүн жолун издесеңиз, анда анкерди колдонуңуз. Анкерлер казынасы чоңураак баракчалар үчүн абдан пайдалуу; ар бир бөлүмгө же бөлүмгө мазмунуна байланышкан якорь берилиши мүмкүн. Анкерлер "аталышы" атрибуту менен түзүлгөн.
   • Анкерди түзүү үчүн, баракчанын туура ордуна теги киргизиңиз, мисалы: 3-бөлүм - HTMLде казыктарды колдонуу
   • Жаңы түзүлгөн казыкка шилтеме берүү үчүн, # белгисин төмөнкүдөй колдонуңуз: # 3-бөлүмгө өтүңүз

Сунуштар

• Веб-сайтты куруу үчүн атайын программалык камсыздоонун кереги жок жана көпчүлүк компьютерлерде демейки шартта туура программалар орнотулган. Мисал катары Windowsтогу Блокнот / Блокнотту алсак болот. Жөн гана коддорду киргизип, HTML катары сактаңыз. Мунун иш жүзүндө кандай экендигин көрө алыш үчүн, сизге браузер керек, ал көп учурда өркүндөтүлгөн программаларда талап кылынбайт. Мындан тышкары, синтаксистин кодун жана анын стандарттарга шайкештигин текшерүү мүмкүнчүлүктөрү жок.
• Шилтемелердин өңүн жана башка касиеттерин өзгөртүү үчүн CSS стилдерин колдонуңуз.

Зарылчылыктар

• Компьютер
• Блокнот же веб дизайн программасы сыяктуу редактор