Разполагане сайт: как да HTML да направи картината за фон

Много ново оформление, просто да стигнем до сърцето на създаване на сайтове, често се чудя как да HTML да направи картината за фон.И ако някои от тях могат да се справят с този проблем, все още имате проблеми по време на отсечката по цялата ширина на изображението на монитора.В същото време бих искал да видите на сайта се показват на всички браузъри, така че трябва да се съобразят с изискванията krossbrauzernosti.Можете да зададете фон по два начина: чрез използване на HTML тагове и стилове CSS.Всеки за себе си избира най-добрият вариант.Разбира се, CSS стил е много по-удобно, защото кодът се съхранява в отделен файл и не се заеме с допълнителни тонколони в главното таговете на сайта, но първо помисли за един прост метод за определяне на фоновото изображение на сайта.

основния HTML тагове за създаване на фона

Така че, давай на въпроса как да се направи фоново изображение към HTML на екрана.За да изглежда красива сайт, трябва да се разбере доста важна подробност: достатъчно е само да се направи гра

диент фон или плътен цвят, за да го боя, но ако искате да вмъкнете изображение на заден план, тя няма да се простират по цялата ширина на монитора.Изображението беше първоначално е необходимо да вземете или да направите свой собствен дизайн с това разширение, в която ще се покаже страницата.Само когато фоновото изображение е готова, тя се премести към папка, наречена «Images».В него, ние ще съхранява всички употребявани изображения, анимации и други файлове с изображения.Тази папка трябва да бъде в главната директория на файла с всичките си HTML.Сега можете да преминете към кода.Има няколко възможности за запис код, чрез който моделът ще се промени картината.

  1. Write атрибут маркер.
  2. чрез CSS стил в HTML кода.
  3. Write CSS стил в отделен файл.

Как да HTML да направи картината за фон, за да можете да решите, но бих искал да кажа няколко думи за това как би било най-оптималния.Първият метод е чрез писмено чрез етикет отдавна е остаряла.Вторият вариант се използва много рядко, защото се оказва, че много от същия код.Трети вариант е най-общ и ефективен.Ето примери тагове HTML:

  1. първия метод на отчитане чрез маркер (тяло) във файла на index.htm.Писано е в тази форма: (тялото фон = "Nazvanie_papki / Nazvanie_kartinki.rasshirenie") (/ тяло).Това е, ако имаме една снимка с името "Picture» и разширение JPG, и папката кръстихме «Images», а след това записа на HTML-код ще изглежда така: (на фона на тялото = "Images / Picture.jpg") ... (/ тяло),
  2. втория метод включва запис CSS стайлинг, но е написана на същия файл с име index.htm.(тялото стил = "фон: URL (" ../ Images / Picture.jpg ")").
  3. И третият метод на отчитане се прави в два файла.Документът с име index.htm маркер (главата) е написан такъв ред: (главата) (линк отн = тип "стилове" = "текст / CSS" HREF = "Put_k CSS_faylu") (/ глава).A файл стил име style.css вече пише: тялото {фон: URL (Images / Picture.jpg ")}.

Как да HTML да направи картината за фон, ние обсъдихме.Сега трябва да разбера как да се разтегне изображението по ширината на целия екран.

методи за разтягане на тапета на ширината на прозореца

въобразяват нашия екран в проценти форма.Оказва се, че цялата дължина и ширина на екрана ще бъде 100% х 100%.Ние трябва да се простират на образа на тази ширина.Добави към запис на изображения в файл линия style.css, които ще се простират на имиджа на цялата ширина и дължина на монитора.Както е писано във вашия CSS стил?Толкова е просто!

тялото

{

фон: URL (Images / Picture.jpg ")

фон размери: 100%;/ * Тази публикация е подходящ за повечето съвременни браузъри * /

}

Така че ние измислили как да се направи фона на картината, за да HTML на екрана.Има един метод за запис във файла index.htm на.Въпреки, че този метод и остарели, но за начинаещи е необходимо да се знаят и разбират.The маркер (главата) (стил) DIV {фон размер: покритие;} (/ Style) (/ глава), този запис означава, че ние се разпределят специално звено за фон, който ще бъде разположен по цялата ширина на прозореца.Ние разгледахме два начина да направите фон сайт картина HTML на, изображението се разтяга до цялата ширина на екрана във всеки от модерни браузъри.

Как да си направим фиксирана фон

Ако решите да използвате картинка като фон за бъдещето на уеб ресурса, тогава просто трябва да знаете как да се направи го поправя, така че да не се простират на дължина и не развалят естетичния вид.Просто чрез използване на HTML код, за да се регистрирате малка добавка.Трябва да style.css файл, за да добавите едно изречение, след като фон: URL (Images / Picture.jpg "), определена;или вместо добавя след точка и запетая отделен ред - позиция: фиксиран.По този начин, тапет ще бъде фиксиран.По време превъртате съдържанието на сайта, ще видите, че текстовите линии се движат, но на фона остава в сила.Така че вие ​​научихте как да HTML да фоновото изображение, по няколко начина.

работа с таблици в HTML

Много неопитни уеб разработчици, се сблъскват с маси и единици често не разбират как да HTML да направят образ на маса фон.Както всички отбори HTML и CSS стилове, на езика на уеб програмиране е съвсем проста.И решението на този проблем е да се напише няколко реда код.Вие вече знаете, че за написването на маса на редове и колони, съответно, както е посочено от таговете (ТР) и (ДС).За да бъде на фона на масата под формата на изображения, е необходимо да се добави към маркера (маса), (TR) или (TD), просто израза с позоваване на картинката: фон = URL на снимката.За по-голяма яснота, ние дам няколко примера.

маси с фоново изображение, вместо: HTML примери

Начертайте таблица 2x3 и фоново изображение на съхранявания в папката "Образи" правят: (таблица фона = "Изображения / Picture.jpg") (TR) (TD)1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ TR) (TR) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ TR) (/ маса).Така че нашата маса ще бъде изготвен на фона на картината.

Сега направи една и съща плоча с размери 2x3, но вмъкнете картинка в редица колона 1, 4, 5 и 6. (маса) (TR) (TD фон = "Images / Picture.jpg") 1 (/ TD)(TD) 2 (/ TD) (TD) 3 (/ TD) (/ TR) (TR) (TD фон = "Изображения / Picture.jpg") 4 (/ TD) (ДС фон = "Images / Picture.jpg") 5 (/ TD) (TD фон =" Images / Picture.jpg ") 6 (/ TD), (/ TR) (/ маса).След като гледа да видим, че на фона се появява само в тези клетки, в които сме регистрирани, но не и цялата таблица.

Cross-браузър сайт

Има ли такова нещо като кръстосано браузър съвместимост уеб ресурс.Това означава, че на страниците на сайта ще бъдат еднакво добре показани в различни видове и версии на браузъри.Тя трябва да бъде HTML код и CSS, за да персонализирате стила изисква от браузъри.Освен това, в модерната епоха на смарт телефони, много уеб разработчици се опитват да създават сайтове, които са адаптирани и мобилна версия на компютър и външен вид.