• Интернет
  • Дизайн и изработка на уеб сайт

Как да добавите фоново изображение за HTML


Можете да украсите вашия сайт, добавяне на фоново изображение за вашия сайт. В тази статия ще научите основите на това как да добавите фоново изображение за вашия уеб сайт. Тук, в съчетание CSS (Cascading Style Sheet) с HTML, заминава за оптимален резултат. HTML се използва за създаване на структура на уеб страницата, в момент, когато CSS работи по нейния стил.

Стъпки

    Как да добавите фоново изображение за HTML
  1. Отваряне на главното.CSS файл в редактора на вашето развитие. Основната .css файл, съдържащ списък на CSS класове / документи за самоличност, отнасящо се до основното съдържание областта на уеб страници в азбучен ред. Вие не трябва да се отклонява от тези класове. IDs са точно за класа - също по азбучен ред.
    • Не Мисля, той ще работи: Много уеб сайтове предлагат предварително направени Div наслагване, с инструкции за това как да използвате вашия имидж и от друга страна, и където "паста" съответния код.

    • Имайте предвид, че структурата на един сайт се определя CSS класове за HTML елементи. Тези класове съдържат и информация за това как окончателната версия ще изглежда създаден HTML документ. Използвайте HTML за поддръжка (съдържание); CSS за вид и усещане. Ревизираната кодирана в HTML, както и новите структури ще бъдат ограничени в часовете по стил CSS и документи за самоличност. Окончателният документ ще се основава на резултатите от класовете на приложението да HTML структура.


    • Как да добавите фоново изображение за HTML
    • Създаване и настройване на фоново изображение, като част от тялото на маркер, за всяка отделна страница.CSS файл. В горната част на документа за CSS (в отворен файл), можете да добавите код, подобен на този, показан по-долу.
      • The изключение, предупреждение: Очевидно е, че тази снимка може да бъде пренебрегнат в HTML, ако стил лист определя техния собствен фон. Можете да сложите съвсем проста фон, пита бял или оцветено фоново изображение (бяло или оцветено плочки), разположен в самия или таблица със стилове позволява режим на фона на един от стиловете, представени по-долу.

      • BODY {текст-приравни: център; фон: URL (IMG / name_of_picture.jpg) център; } / * Тук можете да оставите коментар * /
        • Ако използвате по-голямо изображение, което може напълно да покрие страница от, в предишния пример, добави "не-повторение", след като "център". В противен случай, то ще се повтори, попълване вашата подготовка.



        • Как да добавите фоново изображение за HTML
        • Можете да се постигне този резултат по няколко начина. Ето няколко примера:
          • BODY {фон: URL (banner.jpeg) 50% 0%}

          • BODY {фон изображение: URL (banner.jpeg); фон-позиция: идеален център; }

          • BODY {фон: URL (banner.jpeg) горния ляв}

          • BODY {фон: URL (banner.jpeg) 0% 0%}

          • P {фон: URL (chess.jpg) сиво 50% повторение фиксирана}


          • Как да добавите фоново изображение за HTML
          • Поставете желания URL адреса и името на файла в определено местоположение, както и адреса и името на изображението.

          • Как да добавите фоново изображение за HTML
          • Проверка на резултата: след като въведете един от примерите, представени по-горе, с изключение на документа и отворите уеб сайта, за да проверите резултата!

          Видове стилове:


            Как да добавите фоново изображение за HTML
          1. Научете се да използвате тези стилове, избягвайки допълнителния спред и методи; С други думи, централизирано вашия код:

          2. Как да добавите фоново изображение за HTML
          3. Избягвайте "инлайн стил", които са написани на таговете на вашия документ. Пътека стил засяга само тези тагове, по който те се появяват, например: LT; един HREF = стил = текст-декорация: няма; GT;

          4. Как да добавите фоново изображение за HTML
          5. Избягвайте "вграден стил", които са вградени в "главата" на всеки документ. Моля да разберете, че стилът е построен съкратени. Те се повтарят и засяга само тези тагове, по който те са написани, например: LT; Тип стил = текст / cssgt; р {цвят: # 00f; } Lt; / Stylegt;

          6. Как да добавите фоново изображение за HTML
          7. Се създават връзки с външния стил, описан в отделен документ и свързана с различни страници на сайта, за да се опрости програмиране на всяка страница. Таблица външни стилове могат да засегнат всеки документ, с който те са свързани, например: LT; линк отн = тип стилове = текст / CSS HREF = styles.css / Gt;

          8. Как да добавите фоново изображение за HTML
          9. С помощта на най-добрите методи за работа с CSS, се препоръчва за заглавия и текст (storinochok банери, колони, шрифтове, размери и външен вид) и снимка (размер, граници, заоблени ъгли и т.н.) в таблиците на брутния външен стил за показване свързаната трикотажни уеб страници на вашия сайт, Вие се свиват кода си и да ускори работата.

          10. Как да добавите фоново изображение за HTML
          11. Използвайте Cascading Style Sheets да хвърлят наследствеността на всяка страница, свързана с този стил на CSS код. Разбира се можете да използвате повече от един лист със стилове за различни страници (дома, галерия, статии, списъци и т.н.), но имайте предвид, че те могат да се комбинират само ако идентификацията на стила и серийни са ограничени и няма причинени когато е необходимо.

          Съвет

          • Div наслагване стана най-популярния начин за украса сметка MySpace, без много познания по HTML. Използването на установената преди това Div наслагване зависи от това къде искате да използвате кода. Има няколко сайтове, които предлагат предварително установени кодове Div наслагване, а дори и някои уеб ресурси, които помагат при създаването на своя собствена. Вие нямате голям опит с HTML, но е важно да се разберат основите, за използване с CSS.

          • Постави - цифровият - е използването на текст, изображения, звук, LT; ? а HREF = HTTP: //cityadspix.com/click-BQB3V890-SLZKVXTQ BT = 20pt = 9lt = 1tl = 1 целева = _blank ALT = dokolena.ru заглавие = dokolena.ru стил = GT; videolt; / Agt; или компютърен код в компютърен файл, HTML документ, софтуер и електронни устройства: За да вградите "картинка в сайта си"; За да вградите "софтуер в коли и самолети за наблюдение и навигация двигател, и така нататък."

          • За да зададете фон, може да се наложи да промените стила на страницата.

          Предупреждение

          • Промените могат да бъдат отхвърлени поради настройките на CSS файлове.