Шрифта тагове (Face, размер и цвят), в текстов блок и Pre - остаряла форматиране на текст в чист HTML (без CSS)

Научихме как да добавите маса фондове. както и как да вмъкнете картинка в HTML код чрез Img маркер. създадете уеб форма или на списък с такива, UL, OL, LI, DL. все още има, по това време, ние бяхме в състояние да повлияе на основите на популярния оформлението на сайтове. Днес ние ще продължим разглеждането на различни маркери, а именно шрифт, Текстов блок, Pre, силен, EM, B, аз, както и други, които дават възможност за форматиране на текста.

Текстов блок и Pre - форматиран в HTML

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

Сега в текстов блок етикет все още се използва в проектирането на текста, но появата на кавички в наше време обикновено са създали с CSS свойства, той е предписан за него да се подаде с таблиците на вашите дизайн стилове от шаблона. Например, в случай на моя блог, в style.css можете да намерите в следните направления:

Е, как ще изглежда в този tsitataty затворени в текстов блок, можете да видите в текста на една статия с интервю с ръководителя на GoGetLinks Exchange.

В допълнение към цитатите в Html по-рано (преди появата на CSS) са широко използвани друг формат маркер - Център. Това е двойка (оригиналния контейнер) и блок. Възможно е да се влиза в каквито и да било елементи на текста (и двете главни и главни), които в резултат на това действие, ще бъдат приведени в съответствие в центъра.

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

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

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

Т.е. всички линии вътре в клетката, ще се считат за предприсъединителна неразделна браузър - както пише в кода си, и ще бъдат показани в браузъра. Освен това, в браузъра, за да се покаже текст част, форматирана с Pre етикет ще бъде използвана едноразряден шрифт, Courier New тип или подобен на него.

Маркерът се Pre е блок и вътре в нея (този маркер чифт) може да се сключва само съдържание линия (т.е. вътре в нея не трябва да се поставя P параграфи, заглавия H1 - H6, и т.н.).

Кодът Html е друг блок маркер, който се използва за форматиране на текст - Адрес. Вътре в този етикет може да бъде поставен на валидатора линия стандарти на само съдържание, което ще бъде показано в курсив браузър.

Font - работа с цвета и шрифта на текста в чист Html

Не забравяйте, че ние говорихме за цветовете в кода HTML. Така че, по-рано в езика на Hypertext Markup, когато не е имало разговори за CSS, за да настроите цвета на текста в документ, с помощта на специален атрибут Текст, което е предписано в маркера за тяло (и чрез BGCOLOR атрибут може да зададете цвета на фона на документа):

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

Въпреки че, разбира се, че сега е много по-добре да се използва CSS вместо на имота на шрифта. Но това няма значение, ние ще говорим за това, че остарелите продукти за генерала, така да се каже, на развитие.

Font етикет е по-ниска случай и затова в него е възможно да се влиза само малки елементи (точки, позиции, които не би трябвало да влязат в него, в противен случай HTML код вече няма да е валиден). Разбира се, това е един чифт, т.е. го използвате в един вид дума сключи контейнер за последващо форматиране.

Остаряло формат - няколко думи, боядисани в червено с шрифтовете и му атрибут цвят. Но този елемент не може само да промените цвета на затворника вътре думите, но и да се променят размерите си (атрибут Размер) и стил на шрифта (Face атрибут).

Определяне на размера на шрифта Размер на шрифта атрибут етикет, можете да използвате само седем стойности (1-7 - не е пикселите, както и относителните размери). Нещо повече, размерът на основния шрифт, приет през браузъра по подразбиране. Размер да съответства на стойността на три и шест съвпадащи H1 размер глава на даден браузъра. Всички други стойности са дадени за размер по преценка на конкретния браузъра.

Ние определете тип шрифт в чист Html чрез шрифта за елемент

Сега нека да разгледаме задача шрифт чист HTML код на (без използване на Cascading Style Sheets), с помощта на Face.

Като цяло, всички шрифтове са разделени на няколко големи групи:

1. Serifnye (серифен), или, с други думи, с прорези (вдлъбнатини са на горните и долните ръбове на шрифтовете на писма). Този тип включва Times New Roman.
2. Нарязани (безсерифен) или, алтернативно, безсерифни, който е виден представител Arial.
3. Monospace (едноразряден) - всички букви в тези шрифтове да имат еднаква ширина. Типичен представител е все още на същия куриер.

Във всеки браузър има обстановка, където можете да зададете по подразбиране шрифт и размер за всяко от семействата на по-горе. Така например, в Firefox за да стигнем до тези настройки, като изберете елементите от менюто и разделът "Настройки" - "Options" - "Съдържание" - "Advanced":

Т.е. всеки браузър ще зададе шрифт и размер за всяка от трите най-големи семейства (серифен, безсерифен и равноширок). Ако шрифт и размер да бъдат ясно определени в HTML код, а след това те ще бъдат използвани от браузъра, за да се покаже.

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

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

Нека например шрифта маркер. По този начин, ние заключаваме, че желаната част от текст шрифтове и сложи това в стойностите в началните елементи за Face атрибут като списък от шрифтове, които искате да използвате (по степен на важност) тук. Така например, по следния начин:

Т.е. браузър разбор на кода, се натъкнали на такъв запис, той първо ще се опита да намери инсталиран на компютъра на шрифта на потребителя Verdana нарича, и ако той не се намери, той се опитва да направи това парче текст с помощта Arial.

Е, ако най-лошото се случи и дори Arial не на компютъра на потребителя ще се намери, тогава браузъра ще направи това парче на шрифта на текста, който е описан в настройките на шрифтовете по подразбиране на браузъра за семейството (в този случай, Безсерифно семейство).

Но ако не посочите атрибут Face Font етикет в края на името на семейството (в този пример, безсерифни), тя ще бъде взето на шрифта, че браузърът е по подразбиране за всички поводи, и той не може да бъде в че семейството, който бихте искали.

Както може би сте разбрали, че има проблем при използването на сайта абсолютно никакви шрифтове. кой би искате да. Защо? Тъй като има възможност, че част от посетителите на сайта Ви, чиито компютри са просто няма да бъдат инсталирани.

Въпреки това, съществува набор от шрифтове, които са по-вероятно да се намери на компютъра Windows, както и на Linux, и Macintosh, и които ще бъдат включени в основата на всички тези операционни системи.

Силна, Ем - етикети, логично и визуален текст Отбелязването

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

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

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

Ако си спомняте, не толкова отдавна посъветвани оптимизатори отдадат значително пространство за ключова дума (как да се изтъкнат ключови думи в текста), маркирани логически формат Силна и ЕМ, които потребителят ще се появи както обикновено в получер курсив.

Но за заустване без думи, които не се препоръчват да се използват Html елементи на «Б» и «Аз», че потребителят отново погледна също бих искал получерен курсив, но търсачките не вземат под внимание, тъй като те не са логични маркери за форматиране.

Сега всичко това е почти не работи по предназначение, както и избора на ключовите думи с Силна EM и правим по навик, а не наистина с надеждата за някои дивиденти за това с търсачките.

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

Така че, освен вече споменатите «Б» и «аз» (получерен курсив) към категорията на визуален форматиране може да включва вече споменахме по-рано в тази статия на шрифта, Pre и ключови думи:

1. «U» - подчерта селекцията
2. «Strike» - зачертаване
3. «Подкрепа» - горен
4. «Под» - долен
5. «Tt» - разпределение Непропорционални шрифта
6. «Биг» - увеличаване на шрифта
7. «Малка» - намаляване на шрифта

Е, сега нека да разгледаме списък с елементи на логическо формата на текст:

Още веднъж, тагове за форматиране на данни за по-голямата част са много редки, когато пишете код в момента, но все още знаят тяхното назначаване няма да е излишно.

На добър час! Ще се видим скоро на страниците на блога KtoNaNovenkogo.ru

Свързани статии

• Tags HTML - шрифт тагове

• Directory - HTML тагове - шрифт тагове