Увод у ХТМЛ стилове листа
- Листе су уобичајени захтјев да се подаци ставе у форматирани начин, на примјер, ако сте направили веб страницу на којој морате приказати садржај пизза менија хотела, вјероватно ће то бити стил листе ХТМЛ-а, који ће се појавити у јасан и дискретан начин.
- Други случај може бити када имате скуп ученика који су се појавили међу најбољима у класи, у том контексту услов ће бити да се ученик првог ранга постави на врх, а други испод њега у све већем редоследу рангирања, за да ово морамо форматирати у сортирану листу.
- Друга врста могу бити прилагођене листе које можете направити помоћу ЈаваСцрипта и хтмл-а заједно, при чему се динамика у објектима такође може подесити и листе могу попримити неки прилагођени изглед.
Различити стилови листе у ХТМЛ-у:
Испод су сљедећи различити стилови хтмл листе -
1) Неуређени спискови -
Овде редослед приказивања садржаја није нешто што би требало да нам је стало, само ствари морамо да поставимо добро тако да их ХТМЛ страница постави пред корисника на добро форматирани и јасан начин.
Постоје две ознаке на ХТМЛ језику које обрађују ове листе и вероватно можете направити навигациону траку и вертикалну бочну траку, користећи само ове ознаке.
-
- : ово представља неоригровану листу, кад год нам не треба ништа рангирати или гледати да је поставимо случајним редоследом, ова ознака је инкорпорирана.
- : ово представља ставке листе, скуп ставки које треба да се ставе у неоригулисану листу, тј. испод
- ознака се појављује унутар
- таг. Ставке означене овим ознакама аутоматски ће имати ознаке или кругове на почетку, то су основне ХТМЛ карактеристике.
Сада погледајмо део кода
- и
- на основу неуређених листа и како ће изгледати ХТМЛ страница, након што извршите ту датотеку, имајте на уму да можете писати у уређивач попут нотепад-а и сачувати датотеку с наставком „.хтмл“, па је стога могуће отворити са било којим од прегледача.
Пример исечка -
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza-
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza -
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza -
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizza
HTML Lists
list of pizzas
farmhouse
peppy paneer
onion pizzaИзлаз -
2) Наручене листе -
Сада ћемо видети случај где желимо да студенте распоредимо на редован начин, на основу њихових редова у разреду и то ће се појавити на сортирани начин користећи
- таг ХТМЛ-а и садржи вишеструко
- ознаке, оне ће имати ставке листе у себи.
- : ова ознака се користи за постављање наручене листе и сви елементи су смештени унутар ње
- ознаке.
- таг је објашњено горе.
Погледајмо сада пример и за овај случај и ово морате да сачувате као што је то претходно учињено.
Пример кода -
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket-
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
PlunketИзлазна / ХТМЛ страница -
Сада ћемо да видимо неколико њихових варијанти где ове листе можемо прилагодити или добро форматирати само додавањем неких ЦСС својстава у ХТМЛ страницу, што ће учинити да изглед странице изгледа боље.
- На непотребним листама имамо следећа својства која се могу дати -
- Списак типа - може бити диск, круг, квадрат или ниједан. Дакле, кругови које сте видели у неуредјеним ставкама листе неће се појавити ако овде не одаберемо ниједну, учинимо то.
Пример -
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket-
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
PlunketИзлазна / ХТМЛ страница -
Дакле, меци у кругу више не постоје, можете их прилагодити горе наведеним опцијама.
Слично томе, у списковима налога постоји одредба која ће бирати да ли ће се вредности листе налога чинити бројевима или Римљанима или алфабетима.
Можете да подесите врсту имовине
- ознаку за исту и тип може примити следеће вредности
-
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket - - ова ознака ће дати описни израз
- - ова ознака садржи опис сваког појма
Пример -
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker-
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker-
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by docker
HTML Lists
list of students
Docker
-: this is used to make environment portable application containers
Kubernetes
-: this is an orchestrator for those containers make by dockerИзлазна / ХТМЛ страница -
На нарученим листама можете дефинисати и својство старта у
- ознака која говори одакле почиње бројање. Погледајмо пример истог -
-
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket -
HTML Lists
list of students
John
Harris
Plunket - Ознаке за ХТМЛ формат
- ХТМЛ Атрибути
- Шта је КСХТМЛ?
- ХТМЛ табеле стилова
- ХТМЛ Фрамес
- ХТМЛ Блоцкс
- Поставите боју позадине у ХТМЛ-у са примјером
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
PlunketИзлаз -
Закључак
Тако смо видели разне листе у које можемо да ставимо податке, ови подаци се могу приказати из модела за преглед помоћу ЈаваСцрипт оквира, оно што смо показали је статична страница и може се учинити динамичним помоћу ЈС. Ове листе се могу форматирати помоћу програма за покретање како би изгледале и попут навигационих или бочних трака.
Препоручени чланци
Ово је водич за стилове ХТМЛ листа. Овде смо разговарали о увођењу и различитим врстама ХТМЛ стилова са одговарајућим узорком кода. Можете и да прођете кроз друге наше предложене чланке да бисте сазнали више -
-
Тип: "1", "А", "а", "И", "и"
Погледајмо пример код истог -
Пример -
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
Plunket
HTML Lists
list of students
John
Harris
PlunketИзлазна / ХТМЛ страница -
Слично томе, имамо и спискове описа где можемо дефинисати ставку против које морамо да поставимо опис, рецимо да правите страницу на којој требате да поставите неке дефиниције у неке кључне речи, а затим можете да изаберете спискове описа.
Следеће ознаке имамо за обраду истих.
- - ова ознака дефинише листу описа
-
-