Како да додадете позадина на веб-страница

Позадиката е еден од најважните елементи на веб-страницата. Добрата позадина создава одредено расположение, шарм на локацијата и ја надополнува својата содржина. Постојат многу различни начини за додавање на позадина. Некои методи ви дозволуваат да ја примените позадината за сите страници на сајтот, додека други додаваат позадина само на одредена страница. Оваа статија ќе ве научи како да додадете позадина на вашиот сајт користејќи HTML или CSS.

Чекори

Метод 1 од 2:
Користење на HTML

Монолорна позадина

  1. Сликата со наслов Додади позадина на веб-страница чекор 1
Еден. Монохроматска позадина - најосновниот вид на позадини кои можат да се стават на веб-страницата. Всушност, секоја веб-страница е создадена на бела позадина. Сепак, додека белата позадина може да биде многу пријатна по изглед, а не досадно, некои претпочитаат боја позадина со различни теми и цртежи.
  • Сликата под наслов Додади позадина на веб-страница чекор 2
    2. Отворете ја страницата (извор).
  • Сликата насловена додадете позадина на веб-страница чекор 3
    3. Во текстуалниот код, напишете BGCOLOR. Сега текстот ќе изгледа - Во полето за името на полето (COLORNAME), внесете го името на бојата на англиски јазик. На пример -
  • (боја)
  • (број)
  • (Вредност на RGB)
  • Сликата насловена додадете позадина на веб-страница чекор 4
    Четири. Експериментирајте со вредноста на RGB и ќе имате многу различни нијанси. Запомнете дека боите мора да бидат внесени правилно и на англиски јазик.
  • Сликата како позадина

    • Додадете слика како позадина посложена од една боја позадина.
    1. Сликата со наслов Додади позадина на веб-страница чекор 5
      Еден. Додајте таква вредност на кодот -, каде SRC е изворната датотека или поврзување со локацијата на сликата.
    2. (во истата папка)
    3. (во друга папка)
    4. (на интернет)
    5. Сликата под наслов Додади позадина на веб-страница чекор 6
      2. Запомнете дека треба да внесете слики во формат .jpg / .Jpeg /.jpg.
    Метод 2 од 2:
    Користејќи CSS
    Сликата под наслов Додади позадина на веб-страница чекор 6

    Монолорна позадина

    1. Сликата под наслов Додади позадина на веб-страница чекор 7
      Еден. За да додадете една боја позадина во CSS, додадете атрибут на стилот. Можете исто така да доделите ID и класа и да ги користите и надворешните и внатрешните примери на стилови.
    2. Сликата под наслов Додади позадина на веб-страница чекор 8
      2. Кодот код треба да изгледа -

    3. , каде што COLORNAME е името на бојата, неговиот број или RGB .

    Додавање на сликата

    1. Сликата под наслов Додади позадина на веб-страница чекор 9
      Еден. За да додадете слика, додадете стил атрибут на изворниот код.Можете да доделите лична карта и часови, како и да ги користите и надворешните, како внатрешни примери на стилови.
    2. Сликата со наслов Додади позадина на веб-страница чекор 10
      2. Кодот треба да изгледа -

    3. Сликата со наслов Додади позадина на веб-страница чекор 11
      3. Запомнете дека СРЦ е оригиналната локација на сликата. На пример, папка или врска.
    4. (во истата папка)
    5. (во друга папка)
    6. (Линк до страната на интернет).
    7. Сликата под наслов Додади позадина на веб-страница чекор 12
      Четири. Запомнете дека треба да го наведете името и проширувањето на датотеката.

    Неколку пати повторете ја позадината

    1. Сликата со наслов Додади позадина на веб-страница чекор 13
      Еден. Да се ​​направи позадина со повторување на една слика или модел, да го промените кодот - URL (`SRC`) - Позадина-Повторување: Повторување на поставувања - "> каде што повторувањата на повторувањето е поставките за повторување на сликата.На пример-
    2. (Повторена слика хоризонтално и вертикално.)
    3. (Повторена слика хоризонтално.)
    4. (Повторете ја сликата вертикално.)

    Слика која не се движи

    1. Сликата под наслов Додади позадина на веб-страница чекор 14
      Еден. Слика која не се свири кога го гледате долниот или врвот на страницата. Тука е кодот -

    2. , Каде SRC е оригиналната папка со сликата, позицијата е позиција на сликата (на пример, центар, врв, дното) - позадина - тип на позадина.

    Совети

    • Прочитајте го целиот напис.

    Предупредувања

    • Во HTML 4.01 во XHTML овој метод не може да работи.
    Слични публикации