Која је веб страница? Наведите главне елементе Веб странице

Највећи део садржаја представљен уИнтернет је веб страница. Ово је историјски први тип докумената који се намјеравају ставити у виртуални мрежни простор, али ипак задржавају његову релевантност и практично немају конкурентне форме. Каква је структура веб страница? Који веб развојни алати стварају?

Која је веб страница?

"Наведите главне елементе веб странице" -испитивач нам говори у компјутерској науци. Шта му можемо рећи заузврат? Прије свега, у принципу ћемо говорити о веб страници.

Према генерално прихваћеним међу ИТ-специјалистимадефиниција, ово је документ који је намењен отварању у специјализованом програму претраживача и који садржи податке за приказивање на екрану рачунара користећи одговарајућу врсту софтвера различитих корисних садржаја - текстове, линкове, графику, видео, музику итд. Веб страница - ово је текстуални документ. Релевантни подаци за прегледач су слова, бројеви и специјални знакови који се користе као елементи језика за означавање - ХТМЛ. То је преко њега да креатор веб странице "објашњава" претраживачу како приказати овај или онај садржај на екрану.

Место и улога веб страница у структури сајта

Можете ли рећи да је веб страница главнавеб компонента? Ово је делимично тачно. Међутим, као што смо већ поменули, веб страница је само текстуални документ. Страница, по правилу, такође садржи слике, видео записе и друге мултимедијалне елементе. Веб страница их не може садржати, али у својој структури може садржавати везе са њима. Стога се веб страница може назвати главном компонентом сајта у аспекту водеће улоге у приказивању виртуелних садржаја корисницима.

У ретким случајевима, наравно, разматранидокумент ће бити једина компонента сајта - ако из неког разлога не приказује графичке, видео и друге мултимедијалне елементе. Конкретно, први сами сајтови - када су се само означили језици означавања на веб страницама - нису укључивали релевантан садржај. Прије очију корисника било је само текста и веза.

Принцип ангажовања хипертекста

Дакле, веб страница је документсастављен у ХТМЛ-у, с којим се врши хипертекстна ознака. Али шта је ова појава? Шта је хипертекст? Без уласка дубоко у теорију, примећујемо да је ово текст који на један или други начин омогућава брзи приступ другом - кроз везе. У нормалној књизи ово је немогуће - постоји "обичан текст". Да бисте приступили жељеној страници, читалац мора прочитати неколико прије него што прочита садржај или фусноте. У "хипертекстном" режиму, главни део посла врши рачунар - због информација које се одражавају у ХТМЛ елементима странице.

Ако нам наставник рачунарске науке каже: "Наведите главне елементе Веб странице", онда можемо сасвим исправно започети причу о компонентама одговарајућег документа, који се креирају помоћу ХТМЛ маркуп језика. Због тога, за почетак, погледајте неке теоријске тачке у вези са ХТМЛ-ом.

ХТМЛ језичка структура: ознаке

Како прегледач прочита потребне податке о веб страници из документа написаног у ХТМЛ-у? Врло једноставно.

Главни елементи овог језика су ознаке. У већини случајева су упарени - постоји отварање, а ту је и затварање. Први су означени само помоћу углова. Друга су слична, али чртица, знак / карактер, ставља се пред други носач. Бровсер је у стању да их препозна и стога приказује садржај веб страница без икаквих проблема у складу са алгоритмима које је направио програмер документа.

Отворена ознака је обично написана великим словима.затварање - мала. Ово је стандард успостављен између ИТ стручњака. Пребацивач сигурно препознаје ХТМЛ команду у било којој писави, али веб програмерима се и даље препоручује да се држе означене шеме ознака. Ово ће олакшати, на примјер, прецизирање веб странице од стране других стручњака.

Атрибути

Други кључни елементи ХТМЛ језика су атрибути. Уз помоћ, креатор веб странице може поставити својства садржаја - на пример, висину фонта, његову боју, положај у односу на страницу. Исто важи и за слике, видео записе и друге мултимедијалне компоненте. Атрибути се пишу у оквиру отварања ознаке.

Садржај

Између отварања и затварања ознакеследећа кључна компонента веб странице је садржај. То је, заправо, сам садржај који би требало приказати кориснику на екрану. Ово може бити текст, линк, слика, видео или други мултимедијални елемент.

Елементи веб странице

"Дакле, наведите главне елементе веб странице,коначно! ”понавља учитељ. "Са задовољством", одговарамо му. Шта је укључено у структуру ове врсте докумената? Слажемо се да ћемо размотрити овај аспект у контексту ХТМЛ елемената веб странице. То значи да ће њихов приказ у претраживачу - оно што корисник види на екрану - бити мање интересантан за нас. Суштина је да одговарајући ХТМЛ алгоритми, на основу којих програм приказује садржај на исти начин, могу бити различити. Ово је карактеристика ХТМЛ језика: жељена слика на веб страници може бити приказана на различите начине. У исто вријеме, они могу бити једнаки у смислу трошкова рада за креатора веб странице на начин, као и претпоставити различит износ труда и времена за њихову имплементацију.

Елементи Веб странице: Заглавље

Стандардни елементи веб странице као што је овајизненађујуће звучало, представљено у врло малим количинама. Заправо, само су два - наслов и главни дио документа. Међутим, свака од њих може имати прилично сложену структуру.

Која је специфичност наслова? Налази се на самом врху веб странице. У ХТМЛ коду који формира заглавље, у правилу, само је текст "шифрован", али ако је потребно, мали графички уметци могу се поставити иу одговарајући елемент. И то је, у ствари, све што се може рећи о наслову. Чини се да је његова улога у структури релевантног документа занемарива. Али није. Наслови веб страница су веома значајни у смислу индексирања сајтова на претраживачима - Иандек, Гоогле. Овај елемент мора бити у потпуности релевантан за садржај веб странице, као и тематску специфичност странице.

Како је наслов веб странице исправљенкористећи ХТМЛ језик? Врло једноставно. Прво се пише ознака за отварање, која увек изгледа као ХЕАД са угластим заградама, затим садржај заглавља, након чега следи завршни таг. Они су, наравно, написани на самом врху веб документа.

Заглавље веб документа може да садржи вишедодатне ставке. Понекад формат веб странице може захтијевати приказ текста у одређеном кодирању. Како осигурати да веб документ задовољава овај критериј? Врло једноставно. У структури заглавља документа требају бити постављени ХТМЛ-алгоритми који упућују претраживачу да користи одређено језично кодирање - на примјер, ћирилицу. Одговарајуће команде се налазе у оквиру МЕТА ознаке, која се, као и остале, отвара и затвара.

Маин вебпаге

Главни део веб документа отвара се ознаком.Тело се затвара помоћу одговарајућег елемента укључујући и косу црту. Истовремено, између отварања и затварања ознака може бити велики број додатних команди за језик хипертекста. То је због чињенице да главни део веб странице садржи њен корисни садржај - текстове, линкове, графику, видео, разне форме које треба попунити.

Сваки од одговарајућих типова садржаја имасопствене ознаке. Структура главног дела веб документа може да садржи ХТМЛ команде које такође помажу у форматирању текста - на пример, дајући фонту одређену боју, величину и друге особине.

Размотрите специфичности неких уобичајених ХТМЛ ознака. Заправо, они такође чине главне елементе веб странице.

Основне ХТМЛ ознаке

Дакле, у сврху детаљног проучавања штасу елементи веб странице, детаљније ћемо проучити суштину основних ХТМЛ ознака. Неке од њих смо већ цитирали - посебно оне којима прегледач чита заглавља веб страница и одређује гдје се налази главни дио документа.

П. таг је прилично чест. Он, као и други слични елементи језика за хипертекстуално означавање, може бити отварање и затварање. Ова ознака вам омогућава да форматирате један пасус документа. Можете, на пример, да одредите одређену врсту фонта или његову боју. Међутим, ово се ради помоћу опционе ознаке - ФОНТ. Истовремено ће бити смештена у ону која означава границе параграфа - то ће омогућити да не дистрибуирате ХТМЛ команду, одражавајући тип жељеног фонта, на друге елементе веб странице.

Користећи ТАБЛЕ таг, створене су табеле. Помоћу одговарајућих атрибута могуће је одредити потребан број колона и редова, одредити њихову ширину, граничну специфичност, величину и боју фонта текста у табели.

ИМГ ознака је одговорна за обраду слика претраживача. Такође је могуће поставити различите атрибуте који регулишу величину слике, њен положај на страници.

Линкови на друге веб документе или датотекеозначено ознаком А. По правилу, унутар њега постоје атрибути који указују на чињеницу да у структури веб странице постоји хипервеза. Ово означава документ, датотеку или локацију на коју води.

Ознака као што је ФРАМЕСЕТ је уобичајена. Помоћу њега можете подијелити простор веб странице на неколико подручја - оквире. У сваком од њих можете постављати линкове на појединачне веб документе. То значи да вам оквири дозвољавају да истовремено поставите две или више страница на исти екран.

Прича о кључним елементима веб страница инаредна нарација о начинима форматирања помоћу ХТМЛ језика - овако ће бити алгоритам нашег одговора на питање које нам је испитивач поставио. Ако би нам се обратио рекавши “попис главних елемената веб странице”, онда ћемо, користећи одговарајућу методологију, имати сваку прилику да откријемо тему. Наиме, под појмом „елементи“ можемо разумети кључне компоненте структуре веб документа или врсте садржаја - текст, слике, табеле, оквире, везе које вебмастер генерише помоћу алата као што је ХТМЛ.

Веб Девелопмент Тоолс Специфиц

Поред горе наведеног, можемо то појаснитиХТМЛ ознаке и атрибути су огроман број. Осим ХТМЛ-а, веб програмери могу користити додатне алате за форматирање хипертекстуалних докумената. На пример, користећи ЈаваСцрипт скриптни језик, можете креирати динамичке Веб странице - то јест, оне у којима се садржај стално ажурира (и због акција самог корисника, иу складу са алгоритмима који су претходно написани у скриптама).

Биће корисно додати да веб девелопер можеда у свом раду користе потпуно развијене програмске језике, као што су, на пример, Перл, ПХП, Јава, Питхон, уз помоћ којих се могућности рада са хипертекстуалним документима шире. Потреба за овим може бити повезана са чињеницом да су области примене веб технологија данас веома различите. Задаци који се суочавају са модерним програмерима могу бити прилично сложени. На пример, понекад је потребно преводити веб странице написане на руском језику на енглески. У овом случају, програмски алат ће бити најразличитији.