Како функционише ХТМЛ - Основни концепт ХТМЛ-а са различитим ознакама

Преглед садржаја:

Anonim

Увод у начин на који функционише ХТМЛ:

ХТМЛ је језик заснован на ознакама који се користи за развој веб страница; ХТМЛ означава Хипер Тект Маркуп Лангуаге. Хипертекст се односи на начин на који су веб странице повезане заједно. Стога се веза доступна на веб страници назива Хипертект. Језик за означавање који ознаке говори претраживачу како ће се страница приказати на њему. Развио га је Бернерс-Лее крајем 1991. године, али „ХТМЛ2.0“ је прва стандардна спецификација објављена 1995. Касније су његове бројне верзије ХТМЛ-а дошле као ХТМЛ 4.0, а последња верзија је ХТМЛ5.0 која је врло позната испред крај веб страница

Структура рада ХТМЛ странице:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

Ова ознака дефинише врсту документа и верзију ХТМЛ-а.

Горња ознака обухвата цјелокупни документ програмског језика ХТМЛ-а, састоји се од заглавља документа који је представљен… и тијела документа који је представљен… ознакама.

хеад таг представља заглавље документа које може задржати друге ХТМЛ ознаке попут итд.

ова се ознака користи унутар ознаке за писање наслова документа.

ознака представља тело документа које чува друге ХТМЛ ознаке попут,

,

итд.

Различите ознаке ХТМЛ дела и њихов опис:

  • :

Ознака наслова користи се за креирање варијанти примера заглавља који је дат у наставку



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Излаз

Наслов 1
Наслов 2
Наслов 3
Наслов 4
Наслов 5
Наслов 6

  • :

Ова ознака параграфа може се боље разумети ниже наведеним примером.



Paragraph Example

Ово је први одломак текста.

Ово је други одломак текста.

Ово је трећи одломак текста.

Излаз

Ово је први одломак текста.
Ово је други одломак текста.
Ово је трећи пасус текста.

  • :

Ова се тага користи за прекид линије, и можемо је користити кад год желимо да ишта започне од следећег. Ознака једног ретка не захтева ознаку затварања.

  • :

Ставите целокупни садржај на средину и поставите ову главну ознаку у креирању веб страница.

  • :

Користи се за креирање линије, углавном се користи када желите да нацртате једноредну веб страницу.

  •  :

Ово је веома важна ознака ХТМЛ-а, у неком сценарију желимо показати све исто као што је написано унутар ХТМЛ странице, у тим случајевима је врло корисна ознака. Пример је дат у наставку.



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

Излаз

Ларавел је оквир за ПХП. То је оквир отвореног кода који се користи на вебу
развој апликација. Овај је оквир заснован на контролеру приказа модела
дизајнерски образац због овог пројекта развијеног уз помоћ овог оквира је
структуриранији и управљивији. Овај оквир поново користи постојећи

    За штампање једног простора ово се користи у ХТМЛ-у.

    • Особине ознака:

    Можемо поставити својство на нивоу ознаке. Пример дат у наставку



    Align Attribute

    Лево поравнато

    Средиште је поравнато

    Десно поравнано

    Излаз

    Лево поравнато
    Средиште је поравнато
    Десно поравнано

    Основни атрибути ХТМЛ-а

    Мало је основних атрибута који су кориштени са готово свим ХТМЛ елементима који слиједе

    • Ид
    • Наслов
    • Класа
    • Тип

    1) Ид:

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

    Ово је први одломак који објашњава шта је ХТМЛ како га користити

    Овај други параграф који објашњава шта је Цасцадинг Стиле Схеет и како га користити

    Објашњење - У горњем примјеру исти се елемент користио два пута, па како разликовати овај елемент само путем ИД-а.

    2) Наслов:

    Ова синтакса атрибута слична је атрибутима ид, сврха ових атрибута зависи од елемента који га носи, мада се често приказује као алат када курсор дође преко елемента, што је главна употреба овог атрибута. Пример је дат у наставку -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Излаз

    Спавање од дуго времена

    Ако покушамо да пребацимо курсор преко „Спавања од дужег времена“, видећемо да који год наслов који смо користили у нашем коду излази као опис курсора.

    3) Класа:

    Атрибут класе користи се за придруживање елемента стилском листу и одређује класу елемента. Сазнат ћемо више о употреби атрибута класе када ћемо научити каскадни лист стилова (ЦСС). Његова главна употреба у ЦСС-у. Вредност за овај атрибут може такође бити и листа имена класа одвојена размаком. Пример је дат у наставку -

    class = "className11 className12 className53"

    4) Стил:

    Користи се за писање правила каскадног стила на нивоу елемената, а може се боље објаснити ниже наведеним примером



    The style Attribute

    Ово је пример стила текста, црвене је боје …

    Излаз

    Ово је пример стила текста, црвене је боје …

    Закључак - Како функционише ХТМЛ:

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

    Препоручени чланци

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

    1. Примене ХТМЛ-а
    2. ХТМЛ5 вс КСХТМЛ
    3. Питања и одговори за интервју са ХТМЛ5
    4. Цхеат Схеет ХТМЛ
    5. Стилови листе ХТМЛ