Веб-сайт дегеніміз не? Веб-беттің негізгі элементтерін атаңыз

Интернетте ұсынылған контент сусымалы - веб-бет. Бұл тарихи виртуалды желі кеңістігінде орналастыру үшін арналған құжаттардың ең алғашқы түрі болып табылады, бірақ әлі күнге дейін өзекті болып қалады және іс жүзінде жоқ бәсекелес пішімдерін бар. Веб-беттердің құрылымы қандай? Кейбір веб-дамыту құралдарының көмегімен олар жасалған?

Веб-сайт дегеніміз не?

«Web-беттің негізгі элементтерін атаңыздар», - информатика сыныпта сарапшысы бізге айтады. біз жауап не айтуға болады? Негізінде қандай веб-бет туралы баяндайтын, ең алдымен.

браузерді және түрлі пайдалы мазмұн үшін тиісті түріне көмегімен компьютер экранында көрсету үшін деректерді қамтитын - - мәтін, сілтемелер, графика, бейне, музыка және айтуынша, әдетте, IT-мамандар анықтау арасында арнайы бағдарлама ашу үшін арналған құжатты қабылдаған және т.б. .. веб-сайты - мәтін құжат. HTML - Шолғыштың Тиісті деректер әріптер, сандар, және түзету тілі элементтері ретінде пайдаланылатын арнайы таңбалар болып табылады. Бұл оның Жаратушының көмегімен табылады веб-бет экрандағы немесе басқа мазмұнды көрсету үшін қалай браузерді «түсіндіреді».

сайт құрылымындағы веб-беттер орны мен рөлі

ол веб-сайттың негізгі компоненті болып табылады - біз Web-сайты деп айта аламыз ба? Бұл бір жағынан дұрыс болып табылады. біз, жоғарыда веб-бетті Алайда, атап - бұл жай ғана мәтін құжат бар. сайт, әдетте, сондай-ақ, суреттер, бейне және басқа да мультимедиялық элементтерді орналасқан. Веб-беттер орнына болады, бірақ оның құрылымында, ол оларға сілтемелерді қамтуы мүмкін. Осылайша, веб-бет пайдаланушыларға виртуалды мазмұны карталау үстем рөлін аспектіде веб-сайтының негізгі компоненті деп атауға болады.

Сирек жағдайларда, әрине, мәселе құжат сайттың ғана құрамдас бөлігі болып табылады - бұл қандай да бір себептермен дисплей графика, бейне және басқа да мультимедиялық элементтерді қамтамасыз етпейді, егер. Атап айтқанда, ең бірінші сайттар - Web-беттер Markup Language ғана пайда болады - тиісті мазмұнды қамтиды жоқ. Мәтін және сілтемелер тек пайдаланушының көз алдында болды.

Гипермәтінді тарту принципі

арқылы гипермәтіндік белгілеу HTML тілі, бойынша құрастырылған Осылайша, веб-бет деп аталады құжат. Бірақ бұл құбылыс қалай аталады? гипермәтіндік не? сілтеме арқылы - теориясына көп өтпестен, біз қандай да бір басқа да жылдам қол жеткізуге мүмкіндік береді, бұл мәтін, екенін ескеріңіз. мүмкін емес типтік кітабында - «. кәдімгі мәтін» бар қалаған бетке кіру үшін, оқырман мазмұнын немесе сілтемелер оқымастан бұрын, кейбір ақтарып жасауға бар. «Гипермәтіндік» режимінде, жұмыстың негізгі бөлігі компьютерден арқылы жүзеге асырылады - бет HTML-элементтері көрініс ақпараттың есебінен.

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

HTML құрылымы: тегтер

Қалай браузер HTML тілінде ресімделеді, құжаттың веб-бетте қажетті деректер оқылады ма? Өте оңай.

тілінің негізгі элементтері - бұл тегтер. Олар көп жағдайда ерлер тұр - саңылау болуы және онда жабу. Бірінші ғана бұрыштық жақшалар арқылы көрсетіледі. екінші - сол, бірақ қиғаш сызық екінші жақшаға алдында орналастырылады - символы /. браузер оларды тануға қабілетті, сондықтан ешқандай проблема құжаттың әзірлеуші құрылған алгоритмдерін сәйкес веб-беттерді көрсетеді.

шағын - ашу тег әдетте қамтитын үлкен әріптермен жазылған. Бұл - орта IT-мамандар, сондай-ақ белгіленген стандартты. Браузер әрине кез келген хаттарды HTML-нұқыңыз таниды, бірақ веб-әзірлеушілер әлі белгіленген тұйықталу жазу тегтерін ұстануға тиіс. Бұл басқа мамандар веб-беттер, мысалы, қайта қарауды жеңілдетеді.

атрибуттары

HTML-тілі Басқа негізгі элементтері - атрибуттары. Олардың көмегімен, веб-бет мазмұн жасаушы сипаттарды орната аласыз - мысалы, қаріп биіктігі ретінде бетке қатысты оның түсі, ұстанымын. сол суреттер, бейне және басқа да мультимедиялық компоненттері үшін барады. Нышандар ашатын тег ішінде жазылады.

мазмұны

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

Веб-бет элементтері

«Мәселен, соңғы уақытта, Web-беттердің негізгі элементтерін тізіп!» - оқытушы қайталайды. «Шын», - біз оны жауап. құжаттардың осы түріне құрылымы қандай бөлігі? Біз жай ғана HTML-веб-бет элементтері контексінде осы тұсына назар келісесіз. Яғни, олар шолғышта көрсету - пайдаланушы экранда көреді қандай - біз аз дәрежеде қызықтырады. Бағдарлама сол мазмұнды көрсетеді, ол бойынша тиісті HTML-алгоритмдер әртүрлі болуы мүмкін, бұл факт. Ал HTML бұл ерекшелігі: әр түрлі жолдармен Web-бетте қалаған суретті көрсетуге болады. Осылайша олар веб-бет құрушы тұрғысынан екі балама болуы мүмкін еңбек білдіреді, және оларды іске асыру үшін уақыт пен күш түрлі мөлшерін болжауға.

Веб-бет элементтері: атауы

өте аз мөлшерде берілген Web-беттер Стандартты элементтері, ол таңғажайып көрінуі мүмкін, бірақ сондай-ақ,. Шын мәнінде, тек екі бар - атауы және құжаттың негізгі бөлігі. Алайда, олардың әрқайсысы өте күрделі болуы мүмкін құрылымын.

атағын ерекшелігі қандай? Ол веб-бетінің өте жоғарғы жағында орналасқан. үстіңгі жасайды HTML-кодына, жылы, әдетте, жай ғана мәтін «шифрлау» деп күтілуде, бірақ қажет болған жағдайда сіз, сондай-ақ тиісті элемент, шағын графикалық кірістіру орнын алады. Және бұл, шын мәнінде, барлық осы атаудағы туралы айтуға болады. Ол тиісті құжаттың құрылымында оның ролі шамалы көрінуі еді. Бірақ бұл олай емес. Яндекс, Google - Веб-бет атаулары іздеу жүйелерінде сайт индекстеу тұрғысынан өте маңызды болып табылады. Бұл элемент толығымен веб-беттің мазмұны, сондай-ақ тақырыптық сайттарында ерекшелігіне өзекті болып табылады болуы тиіс.

Қалай веб-бет атауы HTML тілін пайдалана отырып жазылады ма? Өте оңай. кейін, тақырып мазмұнын - - жабылатын тег Бірінші әрқашан онда бұрыштық жақша, және басшысы ретінде пайда тег ашу жазбаша. Олар веб құжаттың өте жоғарғы жағында, әрине, жазылған.

Веб құжаттың Header қосымша элементтерін бірқатар қамтуы мүмкін. Кейде веб-бет форматы нақты кодтау мәтіннің дисплейді талап етуі мүмкін. бұл веб құжат деп критерий қамтамасыз ету үшін қалай? Өте оңай. Мұндай кириллицаға ретінде - құжат тақырып құрылымында ол белгілі бір кодтау тілін пайдалануға браузерді ұйғаратын HTML-алгоритмдері орналастырылуы тиіс. тиісті командалар басқаларға сияқты, ашу және жабу болып табылады, мета тег, ішінде орналастырылады.

Веб-беттің негізгі бөлігі

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

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

Содан кейін қарастырайық, кейбір жиі қолданылатын HTML-тегтер ерекшелігі қандай болып табылады. Шын мәнінде, олар сондай-ақ веб-беттің негізгі элементтерін қалыптастыру.

Негізгі HTML-тегтер

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

Өте кең таралған тег П. Ол, басқа да ұқсас элементтер гипермәтінді белгілеу тілі сияқты, ашық және жабық болуы мүмкін. Бұл тег бөлек қабылданған құжаттың тармақты пішімдеу мүмкіндік береді. Сіз, мысалы, оған нақты қаріп пен түсті орнату үшін болады. FONT - Алайда, бұл қосымша тег арқылы жүзеге асырылады. Бұл жағдайда, ол шекте жатады еженің ішіндегі орналастырылады - бұл HTML-көрсетеді командасы веб-бет басқа элементтеріне артықшылықты қаріп түрін тарату емес.

TABLE тег құрылған үстел. оның тиісті атрибуттарының арқылы қаріп кестеде олардың ені ерекшелігі шекаралары, өлшемін және мәтіннің түсін анықтауға бағандар мен жолдар қажет санын анықтауға болады.

IMG тег браузер суреттерді өңдеуге жауапты болып табылады. Ол беттегі оның лауазымы, суреттің өлшемін реттейтін түрлі атрибуттары орналастыру, сондай-ақ мүмкіндігі бар.

еренсілтеме - басқа веб құжаттарында немесе файлдарға сілтемелер Әдетте тег А. пайдаланып көрсетілген, веб-беттің сол құрылымы фактісі болып табылады атрибуттарының ішінде орналасқан. Ол сондай-ақ, ол әкеледі үшін құжат, файл немесе веб-сайтты атап өтті.

фреймдерді ретінде тегті таратылды. кадрлар - онымен, сіз бірнеше аудандарға ғарыш веб-бетті бөлуге болады. Олардың әрқайсысы Сіз аласыз сілтемелер орналастыруға жеке веб құжаттарға. Яғни кадрлар дұрыс бір уақытта екі немесе одан да көп беттерден сол экранда орналасқан мүмкіндік болып табылады.

Веб-беттер мен тілі HTML пайдалана пішімдеу құралдарын кейіннен әңгіме негізгі элементтері туралы әңгіме - шамамен алгоритм біз сарапшыға сұрады сұраққа біздің жауап болады. Ол содан кейін біз тиісті әдістемесін пайдаланып жатқан, «Web-беттің негізгі элементтерін тізіп айтқанда,» бізге сөйледі, онда біз тақырыпты дамытуға барлық мүмкіндігі. Яғни, «термині элементтері» біз веб құжат құрылымдардың, немесе мазмұн түрлерінің негізгі компоненттерін түсіну мүмкін - мәтін, суреттер, кестелер, жақтаулар, Webmaster осындай HTML тілі ретінде құралын пайдаланып жасайды байланыстырады.

веб әзірлеу құралдарын ерекшелігі

үлкен сомасы - Жоғарыда Сонымен қатар, біз стандарттар HTML көзделген қандай тегтер мен атрибуттар нақтылау болады. гипермәтіндік құжаттарды пішімдеу HTML қосымша қаражат қосымша веб-әзірлеушілер пайдалана алады. Мысалы, JavaScript сценарий тілін пайдалана отырып, сіз динамикалық Web-бетін жасауға болады - мазмұны үнемі жаңартылып отырады, онда ол, сол (пайдаланушының іс-әрекеттері салдарынан, және сценарийлерді алдын ала белгіленген алгоритмдер сәйкес екі).

Бұл Web Developer гипермәтіндік құжаттармен жұмыс істеуге, тіпті кең мүмкіндіктер болуға, онда осындай, мысалы, Perl, PHP, Java, Python, сондай-ақ олардың жұмыс толыққанды программалау тілдері, пайдалануға болатын қосу пайдалы болады. өте әр түрлі - бұл қажеттілік веб технологияларды қолдану бүгін фактісі байланысты болуы мүмкін. Қазіргі заманғы жасаушылар алдында тұрған міндеттер, өте күрделі болуы мүмкін. Мысалы, кейде бұл орыс, ағылшын тілінде жазылған Web-беттер аударма, жүзеге асыру үшін қажет. Бұл жағдайда, әзірлеуші құралдары ең түрлі болады.