Компютри » Как да промените размера на шрифта в HTML

Как да промените размера на шрифта в HTML

Компютри

Висококачественото оформление на уебсайта има за основна цел да направи информацията на страницата възможно най-лесна и лесна за ползване. А работата с текст с помощта на html е основното и основно умение, което трябва да имате, когато работите със сайтове. В тази статия се описва подробно как да преоразмерите текста с помощта на Web Markup Language.

Форматирането на текст с помощта на HTML е много лесно

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

Общи принципи за редактиране на текст на уеб страници

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


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

Етикет

Основните маркери, използвани за форматиране на текст на уеб страница, са и двете. Дублиращият се таг е отговорен за всички характеристики на форматирания текст, които са зададени с подходящи атрибути. Този етикет е най-разбираем и лесен за използване при оформлението на страницата.

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

Ето текста

Стойността на размера на шрифта се дава от html в числови единици от 1 (най-ниска) до 7 (най-голяма) , Средната стойност е традиционно 3 (съответстваща на размера на 135 Times New Roman слушалки).

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

Размер на шрифта 1 

Размер на шрифта 2 

Размер на шрифта 3 

Размер на шрифта 4 

Размер на шрифта 5

Размер на шрифта 6 

Размер на шрифта 7

В допълнение към абсолютните числени стойности, и относително. За тази цел се използва и този маркер. Размерът на шрифта на html, както бе споменато по-горе, по подразбиране е приет 3, така че въз основа на това можете да добавяте или изваждате цели стойности, за да получите желания резултат. Ето как изглежда:


& lt; script type = "text /javascript" & gt;
може да blockSettings12 = {blockId: "R-A-116722-12", renderTo: "yandex_rtb_R-A-116722-12", horizontalAlign:! 1async:! 0};

if (document.cookie.indexOf ("abmatch =") & gt; = 0) {
blockSettings12 = {blockId: "RA-116722-12", renderTo: "yandex_rtb_R-A-116722- 12 ", horizontalAlign :! 1statId: 7async:! 0};
}

Функция (a, b, c, d, e) {a [c] = a [c] || [], a [c] .push (функция () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("скрипт") , d = b.createElement ("скрипт"), d.type = "text /javascript", d.src = "//an.yandex.ru/system/context.js", d.async =! 0e.parentNode.insertBefore (d, e)} (това, този.документ, "yandexContextAsyncCallbacks");

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

С етикета можете да промените размера и цвета на шрифта в html. За да промените цвета, се използват цветният атрибут и шестнадесетичния цветен код.

За да се направят необходимите промени, атрибутите следват един по един в тялото на един етикет, не е необходимо да ги разделят с никакви препинателни знаци.

Етикет

Този етикет има по-широк набор от характеристики и характеристики, отколкото. Използва се, като правило, във връзка с CSS за редактиране иоформяне на определени части от документа.

& lt; скрипт async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">

& lt; script & gt; (adsbygoogle = window.adsbygoogle || []). push ({});

За този етикет стойностите се задават чрез атрибута style. Ето как изглежда в кода: 

Ето текста

Както можете да видите, тук е въвеждането на CSS (шрифт- размер), а размерът се задава с помощта на елементите (pt, point). Стойността по подразбиране е 12pt, която може да бъде променена чрез увеличаване или намаляване на цялото число.

Промяна на размера на шрифта при форматиране на заглавки

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

В този случай е препоръчително да се използват етикети

.

-

. Таг

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

до

се използват за маркиране на подзаглавията.

Пример за код: 

 
Заглавие от първо ниво 

 

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



 



И така, разгледахме основните начини за промяна на размера на шрифта в html. Тази информация е напълно достатъчна, за да се създаде чиста уеб страница с добра четливост. За удобство вземете под внимание следните препоръки:
  • Когато наслояването не трябва да се ограничава до средства html. Просто овладявайки основите на изграждането на сайт, можете да започнете да изучавате CSS. Това ще отвори нови хоризонти при създаването на уеб страници. 
  • Не може да се пренебрегне тестването на готовия сайт в различни браузъри и на различни платформи. Както е описано по-горе, текстовите параметри могат да варират значително, особено когато се използват стари версии на браузъри. 
  • Винаги използвайте интервали и раздели при писане на код. Той улеснява неговата разбираемост и разбираемост. 
  • Коментарите относно кодекса са не само средство за удобно възприемане, но и знак за добър тон сред разработчиците. 
    •  

    

    

    







    




    

    

    Свързани публикации