Сомона Nesting: чӣ гуна ба тасвир замина HTML

Бисёре аз Интернет-дизайнерҳо ҷумлаи навимонон набошад, танҳо ба чуқур омӯхтани моҳияти ташкили сайтҳо, аксаран фикр, ки чӣ тавр ба кор симои паснамо дар HTML. Ва агар баъзе аз онҳо бо ин масъала сару кор мекунанд, аз он аст, ҳанӯз ҳам мушкилот дар замони дароз тамоми паҳнои бо тасвири монитор. Дар айни замон ман мехоҳам сомона шудаанд identically оид ба ҳамаи браузерҳо нишон дода шавад, то он бояд ба талаботи салиб-браузер иҷро намоянд. бо истифода аз: Шумо метавонед замина дар ду муқаррар барчаспҳои HTML ва сабкҳои CSS. Ҳар барои худ беҳтарин хосият интихоб мекунад. Албатта, сабки CSS аст, хеле қулай, зеро рамзи он аст, ки дар файли алоҳида нигоҳ дошта ва ба гирифта намешавад, то баромадкунандагон иловагӣ дар барчаспҳои сомона асосии кард, лекин аввал ба биёед як усули оддӣ барои насб кардани тасвири дар заминаи сомонаи дида бароем.

барчаспҳои HTML асосӣ барои эҷод кардани замина

Пас, мо ба саволи чӣ тавр ба симои паснамо дар HTML дар экран меравам. Бо мақсади ба назар сомона зебо, шумо бояд яке муфассал на муҳим фаҳмидани: он кофист фақат ба заминаи градиенти ё ранг ба он ранги сахти аст, вале агар ба шумо лозим аст гузоред симои паснамо дар он хоҳад буд, ки паҳнои пур аз монитор ба озоратон нест. Дар тасвир ба чинанд, то ё тарҳи худ бо ин тамдиди, ки дар он шумо хоҳад саҳифаи сомона намоиши ибтидо лозим буд. Танҳо вақте ки симои паснамо дар тайёр аст, онро ба папкаи бо номи «Тасвирҳо» кашола карда оред. Дар он, ки мо ҳамаи тасвирҳо истифодашударо, аниматсияҳо ва дигар файлҳои графикӣ нигоҳ. Ин папка бояд дар Решаи феҳрист бо ҳамаи файлҳои HTML худ ҷойгир шудааст. Акнун шумо метавонед дар бораи ба Кодекси ҳаракат. хосиятҳои якчанд рамзи навиштани ин гузориш, ки тавассути он замина расм иваз хоҳад кард.

1. Навиштани аттрибутӣ барчасп.
2. Тавассути сабки CSS дар коди HTML аст.
3. Нависед сабкҳои CSS дар файли алоҳида.

Чи тавре ки дар HTML, то тасвири замина, аз ҳукме, ки ту, аммо ман мехостам, ки ба мегӯянд, дар як чанд сухан дар бораи чӣ тавр мебуд, ки муносиби ҳама. Методи аввал аст, бо навиштани воситаи аттрибутӣ теги дер кӯҳна шудааст. Варианти дуюм аст, истифода бурда хеле кам, зеро он рӯй, ки бисёр коди ҳамон. A хосият сеюм бештар маъмул ва самаранок аст. Дар ин ҷо намунаҳои барчаспҳои HTML аз инњо иборатанд:

1. Методи сабти аввал тавассути аттрибутӣ теги (бадан) дар файли index.htm. (Замина бадан = "folder_name / Nazvanie_kartinki.rasshirenie») (/ бадан): Он аст, ки дар ин шакли нигоњ дошта мешавад. Ин аст, ки агар мо ба як расм бо унвони «Тасвири» ва тавсеаи JPG, ва ҷузвдон мо бо номи «Тасвирҳо», пас вуруд HTML-коди мисли ин назар: (замина бадан = "Тасвирҳо / Picture.jpg") ... (/ бадан) .
2. Усули дуюм сабт сабки CSS, балки он аст, ки дар файл бо ҳамин ном index.htm, ки навишта шудааст. (Ҳайати сабки = "замина: URL ( 'Тасвирҳо ../ / Picture.jpg')").
3. Усули сеюми сабти аст, ки дар ду файлҳои дод. Дар санад бо теги номи index.htm (сар) навишта шудааст чунин хати: (сар) (пайванд ба rel = "варақаро" навъи = "матни / CSS" href = "HTTP: // сомонаи / мақолаи / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% Ҷаҳиш ба CSS_faylu ») (/ сар). Файл хонда сабки style.css аллакай нависед: бадан {замина: URL (Тасвирҳо / Picture.jpg ')}.

Чӣ тавре ки дар HTML ба симои паснамо дар, мо дарк мекунем. Акнун ба шумо лозим аст расми аз чӣ тавр ба даст ёзанд тасвир дар саросари паҳнои тамоми экран.

Роҳҳои ба даст ёзанд симои паснамо дар ба паҳнои тиреза

Мо намояндагӣ экран мо дар шакли як фоизи. Он рӯй, ки тамоми паҳнои ва дарозии экран × 100% 100%. Мо бояд ба озоратон тасвир ба ин паҳнои. Илова ба файли симо хати сабти style.css, ки дар тасвир бар тамоми паҳнои ва дарозии монитор даст ёзанд. Чунон ки дар сабки CSS навишта шудааст? Ин хеле оддист!

бадан

{

замина: URL (Тасвирҳо / Picture.jpg)

замина-андозаи: 100%; / * Ин мансаби муносиб барои бисёрии баррасҳои муосир * /

}

Бинобар ин, мо фахмидам, ки чӣ тавр ба заминаи тасвири дар HTML дар экран. низ як усули навиштани дар файли index.htm нест. Гарчанде, ин усули ва кӯҳна, балки барои шурӯъкунандагон зарур аст, ки бидонед ва бифаҳмед. Дар барчасп (сар) (сабки) Лиг {замина-андозаи: сарпӯши; } (/ Style) (/ сари), ин маънои онро дорад, ки мо нависед ҷудо воҳиди махсуси замина, ки пагоҳ, бар тамоми паҳнои равзанаи мавқеъи. Мо ду роҳи, ки чӣ тавр ба сайти HTML тасвири замина, ба тавре, ки симои аст, ба тамоми паҳнои экран дар ҳама гуна аз браузерҳои муосир дароз баррасӣ кардаанд.

Чӣ тавр ба задани замина собит

Агар шумо қарор ба истифода расм ҳамчун заминаи захираҳои веб оянда, пас шумо танҳо лозим аст, ки бидонед, ки чӣ тавр ба он аст, ба тавре ки он аст, ки дар дарозии дароз намекард ва дар намуди эстетикии ғорат нест. Танҳо бо истифода аз рамзи HTML ба қайд як Илова хурд. Шумо бояд ба файл style.css барои илова намудани як ибора баъди замина: URL (Тасвирҳо / Picture.jpg ') собит; ё бар ивази он баъди вергул сатри алоҳида илова - мавқеи: муrаррар карда мешавад. Ҳамин тавр, обои худро собит хоҳад шуд. Дар ҳаракатро маводи дар сомона, хоҳед ёфт, ки матни хати ҳаракат дид, балки замина дар ҷои боқӣ мемонад. Бинобар ин, шумо ёд чӣ тавр иҷро кардани тасвири замина HTML, ки дар чанд роҳ.

Кор бо Ҷадвалҳои дар HTML

Бисёре аз таҳиягарон веб бетаҷриба, дучор бо ҷадвалҳо ва блокҳои, аксаран ҳеҷ намефаҳманд, ки чӣ тавр ба мизи заминаи тасвир HTML. Мисли ҳамаи дастаҳои HTML ва CSS сабкҳои, забони барномасозии веб хеле осон аст. Ва ҳалли ин масъала аст, ки ба навиштани як ҷуфт хатҳои Кодекси. Шумо аллакай медонед, ки бояд ба навиштани Ҷадвали сатрҳо ва сутунҳои, мутаносибан, чунон ки аз тарафи тегҳои (ШТ) ва (TD) нишон дода мешавад. Барои замина мизи дар шакли тасвир, зарур аст, ки ба илова ба теги (ҷадвал), (ШТ) ё (TD) як ибораи оддӣ бо ишора ба тасвири истинод: замина = тасвирҳо URL. Зеро ки возеіият, ки мо ба якчанд мисол.

Ҷадвали бо тасвири ҷои замина: намунаҳои HTML

Наздик як мизи 2x3 ва он симои паснамо дар захира дар ҷузвдони "Тасвирҳо» кунад (замина мизи = "Тасвирҳо / Picture.jpg») (ШТ) (TD) 1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ ШТ) (ШТ) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ ШТ) (/ мизи). Пас мизи мо бояд дар заминаи расм мегузоранд.

Акнун ҷалб андозаи судї ҳамин 2x3, аммо ворид кардани расм дар сутунҳои шумораи 1, 4, 5 ва 6. (ҷадвал) (ШТ) (замина TD = "Тасвирҳо / Picture.jpg») 1 (/ TD) (TD) 2 (/ TD) (TD) 3 (/ TD) (/ ШТ) (ШТ) (замина TD = "Тасвирҳо / Picture.jpg") 4 (/ TD) (замина TD = "Тасвирҳо / Picture.jpg") 5 ( / TD) (замина TD = "Тасвирҳо / Picture.jpg") 6 (/ TD) (/ ШТ) (/ мизи). Баъд аз тамошои мо мебинем, ки дар замина танҳо дар он ҳуҷайраҳои, ки мо ба қайд гирифта, на тамоми мизи пайдо мешавад.

сомона мутобиқати Салиби-браузер

аст, чунин чизе ба сифати захираи веб мутобиқати салиб-браузери нест. Ин маънои онро дорад, ки сомонаи шумо баробар, инчунин дар намуд ва шакл браузерҳои гуногун нишон дода мешавад. Бояд бошад, рамзи HTML ва CSS сабкҳои барои истифодаи як браузерҳои зарурӣ. Гузашта аз ин, дар даврони муосир телефонҳои интеллектуалӣ, бисёр таҳиягарон веб талош барои эҷоди сайтҳо ва мутобиқ нусхаи мобилӣ ва назар компютерӣ.