Ҷойгиркунии фосила ва ҷудошавии функсияҳо дар HTML бо CSS
Эҷоди ҷойҳо ва ҷудошавии функсияҳои элементҳо дар HTML метавонанд фаҳманд, ки барои дизайни аввалини вебсайт фаҳманд. Ин сабаби он аст, ки HTML дорои моликият аст, чунон ки "вайроншавии тарки мактаб". Агар шумо дар коди HTML-и худ 1 адад ё 100 нависед, браузери вебсайт ба таври автоматӣ ба ҷойҳои танҳо як фосила поён меафтад. Ин аз як барномаи монанди Microsoft Word фарқ мекунад , ки барои эҷоди калимаҳо ва унсурҳои дигари ин ҳуҷҷатҳо, тарроҳони ҳуҷҷат имкон медиҳад.
Ин тавр нест, ки чӣ гуна тарроҳии тарроҳии вебсайт кор мекунад.
Пас, шумо чӣ тавр ба феҳристҳои HTML, ки дар саҳифаи веб тасвир ёфтааст, илова менамоед? Ин мақола баъзе аз роҳҳои гуногунро тафтиш мекунад.
Майдонҳо дар HTML бо CSS
Роҳи интихобшудаи ҷойгиркунии филтрҳои HTML бо варақаҳои Cascading Style (CSS) мебошад . CSS бояд барои илова кардани ҳама гуна ҷанбаҳои виртуалии вебсайт истифода шавад, ва азбаски фосила қисми хусусиятҳои тарҳии визуалӣ дар саҳифа мебошад, CSS дар он ҷо шумо мехоҳед, ки ин корро анҷом диҳед.
Дар CSS, шумо метавонед барои хариди фосилаи атрофи элементҳои молик ё маркетинг истифода кунед. Илова бар ин, молу мулкҳои матнӣ ба пеши матн, масалан, барои параграфҳои пинҳонӣ илова мекунанд.
Ин мисолест, ки чӣ тавр истифода бурдани CSS барои ҷойгиркунии фосила дар пеши ҳама парагҳои шумо. Саволи зеринро ба CSS ба саҳифаҳои берунӣ ё дохилӣ илова кунед:
$ С)
матн: 3ем;
}}
Ҷойҳои дар HTML: Дар дохили матн
Агар шумо хоҳед, ки фосилаи иловагӣ ё матнро илова кунед, шумо метавонед фазои ғайриозодро истифода баред.
Ин аломат ба монанди тасвири фазои оддӣ амал мекунад, танҳо он дар дохили браузер нест намешавад.
Ин намунаи он аст, ки чӣ тавр ба панҷ ҷой дар дохили сатри матн илова кунед:
Ин матн дар дохили он панҷ ҷойи иловагӣ дорад
HTML истифода мебарад:
Ин матн дорои & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; панҷ майдони иловагӣ дар дохили он
Шумо инчунин метавонед барои илова кардани танаффусҳои иловагии сатҳро истифода баред.
Ин ҳукм дар охири он панҷ ҷинсро дар бар мегирад
Чаро интерфейс дар HTML як идеяи бад аст
Дар ҳоле, ки ин вариантҳо ҳам кор мекунанд - элементҳои ҷудошавии ҷудошуда ҳақиқатан ба матни шумо илова хоҳанд шуд ва танаффусҳои хати он дар зере, ки дар боло нишон дода шудааст, илова карда мешаванд - ин роҳи беҳтарини ташкили фосила дар вебсайтатон нест. Илова кардани ин элементҳо ба HTML, шумо ба ҷои он ки сохтани саҳифа (HTML) аз намудҳои визуалӣ (CSS) иттилооти виртуалӣро ба рамз илова мекунад. Беҳтарин таҷрибаҳо тасмим гирифтанд, ки инҳо бояд барои як қатор сабабҳо ҷудо бошанд, аз ҷумла осон кардани навсозӣ ва ҳаҷми пурраи файл ва саҳифаҳои саҳифа.
Агар шумо сабки берунӣ барои таҳрир кардани ҳамаи намудҳо ва фосилаатонро истифода баред, пас тағир додани ин сабкҳо барои тамоми сомона осон аст, зеро шумо танҳо як варақаи сабки навро навсозӣ кунед.
Дар охири он, мисоли дар боло овардашуда бо панҷ панели почторо дида мебароем. Агар шумо хоҳед, ки миқдори пайвандро дар поёни ҳар як параграф бифиристед, шумо бояд рамзи HTML-ро ба ҳар як параграф дар тамоми сомонаи худ илова кунед. Ин миқдори оддии аломати иловагӣ мебошад, ки саҳифаҳои шуморо тамошо мекунад.
Илова бар ин, агар шумо роҳро интихоб кунед, ки ин фосила хеле зиёд аст ё хеле кам аст ва шумо мехоҳед, ки онро каме тағйир диҳед, шумо бояд ҳар як порчаи якбора вебсафҳаи худро таҳрир кунед. Ташаккур!
Ба ҷои илова кардани ин унсурҳои фосила ба рамзи худ, CSS-ро истифода баред.
$ С)
padding-bottom: 20px;
}}
Ин як сатри CSS ба параграфи саҳифаатон тақсим карда мешавад. Агар шумо хоҳед, ки тағиротро дар оянда тағйир диҳед, ин сатрро тағир диҳед (ба ҷои коди тамоми сомонаи шумо) ва шумо хуб ҳастед!
Бо истифода аз ин вариантҳои филтркунии HTML дар нишебҳои сақф метавонад. Ҳангоме ки як ё ду нафар ба сомонаи шумо зарар расонида наметавонанд, агар шумо ин роҳро давом диҳед, шумо ба саҳифаҳои худ мушкилотро пешниҳод мекунед. Дар охир, шумо беҳтараш ба CSS барои фосилаи HTML ва ҳамаи ниёзҳои вебсайтҳои дигар нигаред.