Веб-сайттар, блогтар, веб-беттер - біздің уақытта бұрыннан таныс ұғымдар. Интернеттің дамуымен веб-беттерді орналастыруға арналған сайттар керемет танымал болды және бұл таңқаларлық емес: кейбір адамдар үшін өз веб-сайтының болуы қажеттілік болса, басқалары үшін бұл жағымды ойын-сауық. Бірінші жағдайда біз әдетте фирмалар, корпорациялар, жеке кәсіпкерлер туралы айтып отырмыз, олар сұранысқа ие кез келген өнімді немесе қызметті жарнамалағанда. Екіншісі блогерлер туралы.
Осыған қоса, жай ғана ақпарат іздейтін, блогтарды оқитын, бейнелерді қарайтын және т.б. Интернет пайдаланушылары бар.
Сапалы веб-сайт жасау үшін көптеген опциялар бар. Біз HTML арқылы веб-бағдарламалауға назар аударамыз.
HTML дегеніміз не
HTML гипермәтінді белгілеу тілін білдіреді. Ағылшын тілінен аударғанда бұл "Гипермәтіндік белгілеу тілі" дегенді білдіреді.
Басқаша айтқанда, HTML - бұл сайттың негізгі элементтерін, оның жақтауын, мысалы, жасауға болатын кодтар жиынтығы.сөздер сөйлемдерден қалай жасалады.
HTML кодтары тек латын әріптерімен жазылған және тегтер деп аталады және әрбір код бұрыштық жақшаға алынады. Кейбір тегтер жұпталған, кейбіреулері жұпталмаған.
Жұптастырылған олар міндетті түрде жұпта қолданылуы керек дегенді білдіреді. Мысалы, ашылу тегі веб-беттің қай жерде басталатынын, ал жабу тегі оның қай жерде тоқтайтынын көрсетеді. Соңғысы біріншіден ашылатын бұрыштық жақшадан кейін қиғаш сызықтың болуымен ерекшеленеді. Мысалы, - ашу тегі,- жабу тегі.
Жұпталмаған тегтерге серіктес қажет емес.
Көптеген тегтердің атрибуттары болуы мүмкін - оған нақтырақ мағына беретін қосымша элементтер. Мысалы,. тегі
HTML қай жерде пайдаланылады
HTML қай жерде қажет екендігі туралы классикалық түсінік - бұл веб-сайт құру.
Тәжірибеде бұл жеткілікті болуы мүмкін, өйткені HTML сайттың негізгі элементтерін, мәзірлерді (соның ішінде көп деңгейлі) жасауға, фон орнатуға, мәтінді, кескіндерді, аудионы, бейнелерді енгізуге, қаріптерді өңдеуге мүмкіндік береді. және тағы басқалар.
Алайда веб-бетке қызықты және жиі қажетті элементтерді қосуға мүмкіндік беретін басқа тілдер бар:
- CSS тегтерді (мысалы, мәтіннің түсі мен қаріпін) пайдалана отырып, жеке элементтердің стиль мүмкіндіктерін үнемі белгілеуді қажет етпестен бүкіл сайт үшін мәнерлер орнатады.
- Сценарий тілі сайтқа мини-бағдарламаларды (скрипттерді) әзірлеуге және ендіруге мүмкіндік береді.бальальды эстетикалық нәрселер (тінтуірдің үстіне апарған кезде сілтеме түсін өзгерту) және функционалдық нәрселермен аяқталуы (тұтынушының электрондық пошта мекенжайларын, телефон нөмірлерін жинау).
- PHP көмегімен сіз өзіңіздің қонақ кітапшаңызды немесе пікір жазу жүйесін жасай аласыз.
Тарату үшін электрондық хаттарды жасау үшін де HTML қолданылады.
Сілтеме дегеніміз не
Олар сізге сайттың ішінде де, сыртқы да басқа веб-бетке өтуге мүмкіндік береді.
HTML сілтемелері жиі пайдаланылады:
- Сыртқы веб-ресурсқа өту үшін.
- Сайттағы беттерді жылжыту үшін.
- Google пішіндеріне өту үшін.
HTML тіліндегі дереккөзге сілтеме де жиі көрсетіледі, әсіресе материалды басқа сайттан көшіру кезінде авторды көрсету керек. Әйтпесе, атрибуты жоқ көшіру авторлық құқықты бұзу, мазмұнды ұрлау және кері нәтиже анықтамаларына жатады. Сонымен қатар, қарызға алынған, бірегей емес материалдарды пайдалану SEO өнімділігін төмендетеді, ал дереккөзге сілтемені көрсету тәуекелдерді азайтады.
Сілтеме түрлері
Классикалық мағынада сілтеме - веб-ресурстың мекенжайы, оны басу арқылы өтуге болады.
Бұдан басқа, гиперсілтемелер бар: мәтін және суреттер. Мұндай жағдайларда HTML сілтемесі қандай да бір сөйлемнің (сөздің) немесе кескіннің астында "жасырын" болады және оны орындау үшін мәтінді немесе суретті басу керек.
Сілтемелердің басқа түрлері:
- Қолданбаған – белгілі бір сеанс кезінде әлі басылмаған сілтеме. Мысалы, кеше осы сілтемеге өтіп, компьютеріңізді өшіріп, бүгін қайта қоссаңыз, енді жаңа сеанс басталғандықтан, сілтеме қайтадан кірмейді.
- Белсенді - бұл күйде сілтеме өте қысқа уақытқа сақталады: сілтемені басу мен оған жазылу арасындағы аралық.
- Барғандар – бір сеанс барысында кемінде бір рет кірген сілтеме.
Қарапайым мәтіндік сілтемелер үшін басқаша көрсетілмесе, кірген сілтемелердің түсі өзгереді.
Гиперсілтеме салынған кескін кірген немесе кірмеген болса да оның көрінісін өзгертпейді.
Кәдімгі сілтемені қалай енгізуге болады
Көптеген веб-ресурстар сайт мекенжайын сілтеме ретінде қабылдайды, оны бірден басуға болады және оны түспен бөлектейді. Мысалы, мекенжай мессенджерде немесе электрондық пошта арқылы жіберілсе, оны басу арқылы сайтқа өтуге болады.
HTML арқылы сайтты өзіңіз жасаған жағдайда, арнайы тегті пайдаланып сілтеме енгізуіңіз керек. Ол келесідей болады: веб-сайт мекенжайы. HTML тіліндегі сілтеме мәтіні хаттамамен толық көрсетілуі керек.
Мәтіндік гиперсілтемені қалай енгізуге болады
Мәтіндік гиперсілтеме кәдімгі сілтемемен бірдей функцияны орындайды, бірақ эстетикалық жағынан тартымдырақ көрінеді: жиі қажетсіз ұзақ болатын сайт мекенжайының орнына сөз немесе сөз тіркесі көрсетілген. Мысалы, «Ақпаратты осы жерден ізде» деген сөйлемде сілтемені жасыруға болады«мұнда» сөзі. Ол бөлектеледі және оны басу пайдаланушыны қалаған сайтқа апарады.
HTML сілтемесін қалай жасау керектігі бұрын талқыланған болатын. Сол тегті пайдаланып мәтіндік гиперсілтемені кірістіруге болады. Жалғыз айырмашылық мынада: тегтер арасында сілтеме жасырылатын мәтінді көрсету керек: көрінетін мәтін.
Суреттің гиперсілтемесін енгізу жолы
Бұл жерде сәл күрделірек. Біз бірдей тегті қолданамыз, бірақ мәтіннің орнына суретке жолды көрсету керек.
Жол – кескіннің орны. Егер сурет (фото) файлды ортақ пайдалану қызметінде орналасса, онда кескінге апаратын жол бойындағы барлық қалталарды қиғаш сызық арқылы көрсету керек. Мүмкін болса, суретке сілтеме қосуға болады.
Тегуге
src-тен басқа, кескіннің биіктігін, енін және орнын және т.б. реттеуге мүмкіндік беретін басқа атрибуттар да қолданылады. Олардың кейбіреулері:
- Src - кескінге жолды көрсетеді.
- Lowsrc - алдыңғы төлсипатқа ұқсас, бірақ сапасы төмен кескіндер үшін көрсетілген.
- Биіктігі - сурет биіктігі.
- Ені - оның ені.
- Alt - сурет сипаттамасы. Меңзерді фотосуреттің немесе суреттің үстіне апарған кезде, осы атрибутта көрсетілген мәтін шығады.
- Шекара - кескіннің айналасындағы жиектің қалыңдығын анықтайды.
Атрибуттар тегтен кейін көрсетіледі және оған қосыладыоның құрамы. Төлсипаттан кейін оның мәні болуы керек. Мысалы, «биіктік» немесе «ені» (биіктігі, ені) атрибуттары үшін веб-беттегі кескіннің биіктігін көрсетеді. Басқаша көрсетілмесе, өлшем бірлігі пиксель болып табылады.
Ол келесідей болады: <a href="веб-бет мекенжайы"
. Бұл атрибуттар кескінге сәйкес өлшемді орнатуға көмектеседі. Жиек кескіннің айналасында көрінбейтін жиек жасауға көмектеседі.
Жоғарыдағы атрибуттар кескін кірістіру тегіне бөлек қолданылады. Мысалы:.
Анкерлік сілтемелер дегеніміз не
Анкерлік сілтемелер жасау өте пайдалы дағды. Көбінесе ұзын мәтіндік блокпен немесе бір бетте бірнеше бөлімшелері бар веб-парақшаны орналастыру қажеттілігі туындайды. Бұл жағдайда мәтіннің немесе веб-беттің ішкі бөлімдеріне сілтемелер тізімінен бірден бастауға болады және оларды басқан кезде пайдаланушы тікелей сұралған бөлімге өтеді.
Анкерлік сілтемелерді жасау басқа сілтеме түрлеріне қарағанда атрибут тегтерін көбірек пайдалануды қажет етеді.
Алдымен жоғарғы төлсипатты пайдаланып ақпараттың әрбір блогы немесе мәтіннің ішкі бөлімі үшін жалпы мәнді орнату керек, содан кейін оны сәйкес сілтемемен байланыстыру керек.
Олардың мүмкіндіктері кеңірек, сондықтан алдымен қарапайым сілтемелерді жасауды меңгерген жөн, содан кейін анкерлік сілтемелерді қалыптастыруға көшкен жөн.
Кеңестер
Тәжірибелілердің көмегібағдарламашылар:
- Сілтеме туралы ақпарат HTML-де меңзерді апарғанда көрсетілетін етіп жасауға болады. Бұл үшін графикалық элементтер үшін де қолданатын alt атрибуты пайдалы болуы мүмкін.
- HTML арқылы сілтемелер тізімін жасауға болады. Атап айтқанда, бұл анкерлік сілтемелер үшін, сондай-ақ ағымдағы веб-беттен тікелей сілтемемен жалғасатын веб-ресурстардың тізімін жасау қажет болғанда пайдалы болуы мүмкін.
- CSS және JavaScript, сондай-ақ кейбір HTML функцияларының көмегімен мәтіндік сілтемелер мен гиперсілтемелердің әдеттегіден басқа дизайнын жасауға болады. Мысалы, меңзерді сілтеменің үстіне апарған кезде, ол өзінің түсін өзгерте алады және курсор одан алыс болған кезде алдыңғыға оралады. Мұны пайдаланушы JavaScript сценарийімен жасауға болады. Бұған қоса, сілтеме түсі қаралмағандар үшін көк немесе барғандар үшін күлгін түстен басқа нәрсеге орнатылуы мүмкін. Бұл CSS жұмысы.
- Сілтемелерді теріс пайдаланбаңыз. Көптеген орынсыз сілтемелері бар веб-бет ұқыпсыз және ұқыпсыз болып көрінеді.
- Пайдаланушы суреті бар гиперсілтеме жай сурет емес, шын мәнінде сурет екенін түсінетініне көз жеткізіңіз.
Қорытынды
HTML тіліндегі бетке сілтеме жасау өте оңай. Бұл тілдің барлық негізгі тармақтарын ұстану маңызды, өйткені тіпті кішкене қателік нәтиже болмайтындығына және код жұмыс істемейтініне әкелуі мүмкін.
