Инструкции

Поставете различни нива на заглавия между съответните отварящи и затварящи тагове, ако това вече не е направено в изходния код на уеб страницата. Например, най-важното заглавие (първо ниво) трябва да бъде между таговете

И

:

Заглавие

Следващото по важност подзаглавие трябва да бъде поставено между таговете

И

и така нататък. Последното от предоставените нива е шестото -

И

.

Поставете в заглавната част на изходния код (между таговете И) инструкции, казващи на браузъра на посетителя, че това място съдържа описание на стилове в CSS:

Между отварящите и затварящите етикети за стил въведете описания на стила за заглавките на всяко ниво, чийто външен вид искате да промените. Например, ако трябва да промените само външния вид на заглавията от първо ниво, тогава този код може да изглежда така:Тук h1 показва, че описанието във фигурни скоби се отнася до тага h1 и се нарича "селектор". Параметърът color задава цвета на текста, параметърът font-size задава размера на шрифта, font-style със стойността italic задава стила на курсив на буквите, font-weight със стойността bold - , margin-top - , margin-bottom - долна вдлъбнатина. За заглавия от второ ниво трябва да добавите подобен блок със селектора h2 и т.н.

Използвайте съкратен синтаксис, ако има много нива за описание. Например описания на шрифтове могат да бъдат поставени в един параметър, както и описания на размери на отстъп. проба:В параметъра margin отстъпите трябва да бъдат посочени по посока на часовниковата стрелка, като се започне от горния отстъп, разделени с интервал (горе вдясно, долу вляво).

Видео по темата

Ще имаш нужда

• Компютър, интернет, достъп до съдържанието на сайта.

Инструкции

Ако вашите приоритети са се променили и това е повлияло на темите на сайта, не забравяйте да отразите промените в заглавието. Когато избирате ново име, планирайте така, че името на сайта да се превърне в марка, ако не и глобална, то поне за редовните читатели на ресурса. Като цяло, "както и да наречете яхтата, така ще плава."

Решете дали името на домейна да съответства на заглавието. Това не е необходимо, ако са подходящи един за друг. Между другото, вземете това предвид, когато избирате ново заглавие. В крайна сметка смяната на домейн е по-трудна. В допълнение, той е този, който свързва сайта с посетителите.

Сменете заглавието на сайта. Съвременните безплатни платформи и различни създатели на уебсайтове като правило имат прости визуални контроли, които не изискват познаване на езици за програмиране. Влезте в контролния панел на сайта като администратор.

Намерете на страницата, която отваря раздел, наречен „Опции“ или „Настройки“ или „Общи“. И там потърсете полето „Име на сайта“, където можете да въведете текст.

Въведете новото си име в това поле. Не забравяйте да щракнете върху бутона за запазване, който се нарича по различен начин в различните уеб машини - „Запазване“, „Публикуване“, „Актуализиране“.

Как да промените цвета на шрифта в html

Ако имате някакви познания в областта на уеб технологиите, трябва да знаете, че цялото маркиране и съдържание на документа се съдържа в html файл, а файлът със стил css съхранява стиловете, които определят външния вид на различни елементи. И така, трябва да използваме css, за да променим цвета на шрифта и всичко останало.

В html има тагове, които ви позволяват да прилагате определени ефекти към текста, но трябва да признаете, че не би било напълно разумно да се предлагат стотици тагове за всеки нюанс. Можете да контролирате това много по-удобно в css. Например, по този начин можете да зададете цвета на шрифта за елемента html body, тоест таг, който включва цялото съдържание на страницата, което се показва на екрана.

тяло (цвят: червен; )

тяло ( цвят: червен;

Задали сме червения цвят на основния текст на страницата. Параграфи, списъци, заглавия и всички други елементи ще го получат. Това ще се случи, докато стиловете за тези елементи не бъдат предефинирани към други.

Цветни формати за запис

Може би имате познания по уеб дизайн? В този случай трябва да знаете, че има различни цветови режими. Например rgb, rgba, hsl, hex и др. Разбира се, най-лесният начин да зададете тон е просто да напишете ключова дума. Направихме това в примера по-горе, стойността red прави буквите червени, blue – сини, brown – кафяви. Това са само имена на цветя на английски.

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

p( цвят: #000; ) /* Текстът в параграфите ще бъде черен. */ table( color: #fff; ) /* Съдържанието в таблиците ще бъде бяло. */

Както можете да видите, трябва да запишете решетката, последвана от кода на цвета. Как да го разпознаем? Например, можете да отворите Photoshop или друг графичен редактор, в който при избор на цвят се показва шестнадесетичният му код. Можете също да използвате онлайн услугата.

RGB е друг популярен формат за запис. Това просто означава червено, зелено, синьо. Цветът в този формат е зададен така:

#долен колонтитул (цвят: rgb(234, 22, 56); )

#долен колонтитул( цвят: rgb(234, 22, 56);

Елементът с id долен колонтитул ще получи определения цвят. Делът на червеното ще бъде 234, зеленото - 22, синьото - 56. Тези стойности могат да бъдат записани от 0 до 255. Съответно нашият нюанс ще бъде по-близо до червеното. В Paint можете да добавяте цветове към вашата палитра, като промените наситеността на трите основни цвята.

Предимството на този метод е, че можете да избирате от милиони цветове само като промените три числа. Когато пишете с ключови думи, ще имате само няколкостотин цвята в арсенала си.

Rgba - полупрозрачен текст!

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

a(rgba(255, 12, 22, 0,5); )

rgba(255, 12, 22, 0,5);

Последното число в записа задава прозрачността. Може да се запише от 0 до 1, където 1 е напълно непрозрачен текст, тоест поведението по подразбиране. В този случай всички връзки ще станат червени, но поради прозрачността яркостта на цвета ще бъде много по-малка и ако под връзката има друг фон или елемент, той ще се вижда.

Грешен начин за задаване на цвят

HTML има отхвърлен цветен атрибут и може да се използва за записване на цвета на текста с помощта на ключова дума. Сега това може дори да не работи в съвременните браузъри и като цяло този метод нарушава общоприетите уеб стандарти. И също така е неудобно.

Как да определите цвета за произволен фрагмент

Добре, говорим за цвят на шрифта за параграфи, връзки и таблици, но това са солидни елементи, но какво ще стане, ако все пак трябва да определите цвят за едно изречение, една дума, една буква?

Ние просто затваряме желания фрагмент в span тагове. Пишем атрибут на класа вътре в тага, на който задаваме произволна, но разбираема стойност. Например така:

Това е всичко, сега остава само достъп до селектора в css.

Дата на създаване: 2009-11-18

И така, сега е време да учим, как се променят цветовететекста, който сте въвели. Този урок ще се състои от 2 части. В ще оцветим отделна част от текста, а в , ще направим целия текст в един цвят, а необходимата част от него в различен цвят.

1 част

Въпреки че всички цветове в HTML са написани по необичаен начин, това се прави много просто. Първо, предлагам ви да изтеглите уеб цветовата палитра, като щракнете върху думата ПАЛИТРА, или потърсете по-пълна версия в интернет. До всеки цвят в палитрата, който намерите, ще има код (английски букви и цифри). За да бъде цветът ни например син, трябва да напишем следния таг:

Здравейте! Нека започнем да изучаваме HTML

Тоест, това е, което имаме:
1. текстът е ограден в таг ...
2. етикет има цвят на атрибута = #0000FF

Сега нека се върнем към нашия пример и да разгледаме всичко ясно. Отворете отново създадената преди това страница в Notepad и променете цвета на шрифта:

Актуализираме HTML страницата и проверяваме какво се е случило:

Резултат:Първият ред стана син, а вторият остана по подразбиране - черен.

По същия начин можете да украсите всяка необходима част от текста, независимо къде се намира, в началото, в средата или в края на текста.

2. част

Сега ние задайте цвета на целия текст на документа. Това става много лесно. Нека си припомним нашата трета статия. В него казахме, че всичко, което се вижда в браузъра, е написано в тага ... , тоест в „тялото“ на нашия документ.

И така, както знаем, ... - също е таг, следователно можем да го използваме, точно като тага ... , задайте необходимите атрибути.

Цветът в този случай се задава в отварящия таг и записът ще изглежда така: Целият текст на вашия документ

В този случай целият текст на документа, с изключение на този, който е ограден в тагове ... с присвояване на цвят, той ще има червен цвят.

Сега нека разгледаме тази част от статията с пример. Нека присвоим червения цвят на целия текст на документа и оставим текста, който направихме син в част 1, такъв. За да направите това, просто напишете кода в отварящия таг :

След това, както винаги преди преглед, запазете документа:

И накрая, актуализираме HTML страницата в браузъра:

Резултат:Научихме как да зададем необходимия цвят на целия текст на документа, както и да направим част от текста в различен цвят.

Цветът на шрифта на сайта може да бъде зададен с помощта на HTML код. Има етикет за това шрифт. По дефиниция етикет шрифтслужи като вид „обвивка“ или „контейнер“ за текст, като контролирате свойствата на който можете да промените дизайна на текста.

Етикет шрифтсе прилага както следва:

Създател на уебсайтове "Нубекс"

Най-лесният начин да промените цвета на шрифта в HTML е да използвате атрибута цвятетикет шрифт:

Създател на уебсайтове "Нубекс"

Това задава синия цвят за думата, заобиколена от етикета шрифт.

Но освен цветовия параметър, етикетът има и други атрибути.

Атрибути на етикета FONT

Етикет шрифтима само три атрибута:

• цвят- задава цвета на текста;
• размер- задава размера на текста;
• лице- определя фамилията шрифтове.

Параметър цвятможе да се посочи чрез име на цвят (напр. „червено“, „синьо“, „зелено“) или шестнадесетичен код (напр. #fa8e47).

Атрибут размерможе да приема стойности от 1 до 7 (по подразбиране е 3, което съответства на 13,5 точки за шрифта Times New Roman). Друг вариант за указване на атрибута е “+1” или “-1”. Това означава, че размерът ще се промени спрямо основата съответно с 1 повече или по-малко.

Нека да разгледаме използването на тези атрибути в нашия пример:

Създател на уебсайтове "Нубекс"

Приложихме етикета шрифтс една дума, ние го настроихме на размер 6, оранжев цвят и семейство шрифтове „Serif“.

Задаване на цвета на текста с помощта на CSS

Ако трябва да приложите специфично форматиране (например промяна на цвета на текста) към няколко области от текста, тогава ще бъде по-подходящо да използвате CSS код. За това има цветен атрибут. Нека да разгледаме как да го използваме в нашия пример:

Конструктор сайтове "Нубекс"

Тук задаваме син цвят за думата „Дизайнер“ (размерът му по подразбиране е 100% от основата), зелен цвят и размер 125% за думата „сайтове“, оранжев цвят и размер на 150% за думата “Nubex”.

Когато създавате уеб страница, трябва да се изправите пред различни дизайнерски предизвикателства. Един от често срещаните въпроси е как да промените цвета на текста в HTML. Решаването му е доста просто и има два различни начина.

Задаване на атрибут за стил на вграден текст

За да разберете как да промените цвета на текста в HTML, просто погледнете списъка с атрибути на текстовото поле. Сред тях има редица стойности, които определят стила на текста, затворен в тези тагове, които са посочени в ключовата дума style.

За да промените цвета на текста, просто въведете думата style= "" в избраната област на текстовото поле вътре в отварящия таг. Вътре в този атрибут можете да зададете различни стойности на параметрите - стойността на цветовия атрибут е отговорна за промяната на цветовия тон на текста. Като посочите този параметър, след знака за двоеточие трябва да посочите цвета, в който ще бъдат оцветени всички знаци в това поле. В този случай, когато дефинирате оттенък, можете да посочите както изрична стойност на цвета, например червено или жълто, така и неговата шестнадесетична стойност или rgb.

Независимо от избрания метод за определяне на цвета, резултатът ще бъде същият, ако нюансът е избран по същия начин. По този начин и следващите три примера ще направят същите промени в текста - оцветете го в жълто.

1.

текст

2.

текст

3.

текст

Промяна на цвета с помощта на CSS

Използването на стилов лист също ви позволява да решите как да промените цвета на текста в HTML. CSS се поддържа напълно от всички съвременни версии на HTML и също така ви позволява да променяте стила на няколко елемента на страницата наведнъж.

За да разберете как да промените цвета на текста в HTML с помощта на CSS, не е нужно да разбирате официалния език на външния вид. За да дефинирате атрибутите на даден елемент, трябва да създадете CSS описание, което е написано вътре в тага , и се определя от етикета