Како да додадете позадина во HTML: 13 чекори

За да додадете слика на веб-страница, ќе ви треба HTML, и да направите слика на веб-страница, потребни се HTML и CSS. HTML (HyperText Languaging Language) е стандардизиран јазик за означување на документот кој го означува прелистувачот за прикажување на веб-страницата. CSS (каскадни маси) е опис на јазикот на документот кој се користи за промена на изгледот и распоредот на веб-страница. Ќе ви треба слика која ја поставивте како позадина на веб-страница.

Чекори

Дел 1 од 5:

Како да креирате папка и датотека

Еден. Креирајте папка за складирање на HTML-датотека и позадина слика. Име на фолдерот за име за кое ќе биде лесно да се најде.

Името на папката може да биде било, но подобро ако се состои од еден краток збор.

2. Копирајте ја позадината на креираната папка.

Ако не сте многу внимателни за тоа како вашиот сајт ќе се отвори на стари уреди или уреди со бавна интернет конекција, користете слика со повисока резолуција. Како позадина, сликата со едноставен повторувачки модел е погодна, бидејќи текстот ќе биде јасен на тоа.

Ако немате слика, преземете ја бесплатно на интернет и копирајте во креираната папка.

3. Креирајте HTML-датотека. Отворете текстуален уредувач, а потоа креирајте нова датотека. Зачувај го како индекс.HTML.

Можете да го користите секој уредувач на текст, на пример, Notepad во Windows или Textedit во Mac OS X.

Ако сакате да користите уредувач на текст за работа со HTML, Преземете го уредувачот на Atom, кој поддржува Windows, Macos и Linux.

Ако користите Textedit пред да започнете со пишување HTML код, отворете го менито "Форматирање" и изберете "Конвертирај во едноставен текст". Во овој случај, HTML-датотеката ќе биде точна правилно во веб прелистувач.

Моќните уредувачи на текст како што се Microsoft Word не се многу погодни за пишување HTML код, бидејќи тие додаваат невидливи знаци и форматирање, што може да го спречи точниот приказ на содржината на HTML-датотеката во веб-прелистувачот.

Дел 2 од 5:

Како да напишете HTML код

Еден. Копирајте и залепете го стандардниот HTML код. Означете го и ископирајте го HTML кодот подолу, а потоа вметнете го во индекс на отворени датотеки.HTML.

Наслов на страницата {Позадина-слика: URL ("") -}

2. Додадете URL позадина слика. Во индексната датотека.Html најдете стринг Позадина-слика: URL ("")-. Ставете го курсорот во заградите, а потоа внесете го името на датотеката со позадина. Бидете сигурни да ја наведете продолжувањето на датотеката.

Позадина-слика: URL ("Позадина.jpg ")-

Ако едноставно го внесете името на датотеката (без негова URL или пат кон него), веб-прелистувачот ќе бара слика во папка со HTML-датотека. Ако сликата е во друга папка, внесете ја целосната патека до датотеката.

Зачувајте ја датотеката HTML. Слика под наслов 2627945 6 1

Дел 3 од 5:

Како да ја видите HTML-датотеката

Еден. Отворете HTML-датотека во веб прелистувач. Десен-клик на индексната датотека.HTML и отворете го во избраниот веб прелистувач.

Ако саканата слика не е отворена во прелистувачот, проверете го името на датотеката со сликата правилно во прозорецот на уредувачот на текст.
Ако во веб-прелистувачот се појавува HTML код, а не во позадина, индексната датотека.HTML е зачуван како документ во RTF формат. Во овој случај, уредувајте ја HTML-датотеката во друг уредувач на текст.

2. Направи промени во HTML-датотека. Во прозорецот на уредувачот на текст, ставете го курсорот помеѓу ознаките и внесете "Здраво, свет!". Освежете ја страницата во прелистувачот, така што внесениот текст е прикажан на позадината на сликата.

Дел 4 од 5:

Како да се разбере HTML кодот

Еден. Запомнете кои се ознаките во HTML и CSS. HTML кодот се состои од отворање и затворање на тагови. На пример, ознака се отвора исто така - Затворање. На секоја ознака за отворање треба да има соодветна завршна ознака на веб-страницата натоварена правилно.

2. Запомни Doctype ознака. Висококвалитетен HTML код мора да започне со . Оваа ознака го известува веб прелистувачот дека HTML-датотеката е HTML-датотека.

3. Направи промени во HTML-датотека. Во прозорецот на уредувачот на текст, ставете го курсорот помеѓу ознаките и внесете "Здраво, свет!". Освежете ја страницата во прелистувачот, така што внесениот текст е прикажан на позадината на сликата.

Четири. Запомнете кои се ознаките во HTML и CSS. HTML кодот се состои од отворање и затворање на тагови. На пример, ознака се отвора исто така - Затворање. На секоја ознака за отворање треба да има соодветна завршна ознака на веб-страницата натоварена правилно.

Пет. Запомни ознака . Таа содржи текст кој се прикажува во лентата за наслов на прозорецот на прелистувачот, како и текстот прикажан на јазичето на прелистувачот.

6. Запомни ознака Тоа укажува на содржината на CSS. Сè што е помеѓу ознаките

7. Запомни ознака . Секој текст се наоѓа помеѓу ознаките , ќе бидат прикажани како внесени (ако не е HTML или CSS код).

осум. Направи промени во HTML-датотека. Во прозорецот на уредувачот на текст, ставете го курсорот помеѓу ознаките и внесете "Здраво, мир!". Освежете ја страницата во прелистувачот, така што внесениот текст е прикажан на позадината на сликата.

Дел 5 од 5:

Како да се разбере CSS кодот

Еден. Пресметајте го CSS кодот. Во индексната датотека.HTML CSS код се наоѓа помеѓу ознаките

2. Погледнете го CSS кодот.

Тело {позадина-слика: URL ("позадина.jpg ") -}

Четири. Запомни делови од CSS код. Стилите на CSS се состојат од два дела: селектор и соопштенија.

Тело

Позадина-слика: URL ("Позадина.jpg ")

Селекторот може да биде било која HTML ознака.

Рекламите секогаш се состојат во кадрава загради {}.

Пет. Запомни што објава CSS. CSS рекламата се состои од два дела: својства и вредности. Содржина во кадрава загради
позадинска слика е имот како URL ("Позадина.jpg ") е значење.

Имотот го опишува предметот (во нашиот пример тоа е позадина модел), а вредноста е стилот на предметот (во нашиот пример тоа е слика со слика).

Сопственост и вредност секогаш се одделени со дебелото црево (:).

CSS реклами секогаш завршуваат со точка-запирка (-).