Чим почнете да правите веб странице са ХТМЛ-ом, почните да радите с величином. Да би ваш сајт изгледао на начин на који желите да га погледате, вероватно ћете подударати дизајн који сте ви или неки други дизајнер направили, желели бисте да промените величину текста на том сајту, као и друге елементе на страници. Да бисте то урадили, можда ћете почети тражити ХТМЛ ознаку величине, али ћете га брзо пронаћи.
ХТМЛ ознака величине не постоји у ХТМЛ-у. Уместо тога, како бисте поставили величину фонтова, слика или распореда, требало би да користите Цасцадинг Стиле Схеетс. Заправо, свака визуелна промена коју треба да направите у тексту сајта или другом елементу треба управљати ЦСС-ом! ХТМЛ је само за структуру.
Најближа ознака ознаке величине ХТМЛ је стара ознака фонта, која је заиста садржала атрибут величине. Будите упозорени да је ова ознака застарјела у тренутним верзијама ХТМЛ-а и можда неће бити подржана од стране претраживача у будућности! Не желите да користите ознаку фонта у ХТМЛ-у! Уместо тога, требали бисте научити ЦСС да величине ХТМЛ елемента и стилу ваше веб странице према томе.
Величине фонтова
Фонтови су вероватно најједноставније за величину ЦСС-а. Више него само величање тог текста, са ЦСС-ом можете бити специфичније о типографији ваше веб странице . Можете дефинисати величину фонта, боју, кућиште, тежину, водећу и још много тога. Помоћу ознаке фонта можете одредити само величину, а затим само као број у односу на подразумевану величину фонта који се разликује за сваког купца.
Да бисте поставили свој пасус величини фонта од 12пт, употребите својство стила величине фонта:
х3 {фонт-сизе = 24пк; }Овај стил би поставио величину фонта за наслове3 елемената од 24 пиксела. То можете додати спољашњем листу стилова и сви Х3-и на вашем веб сајту ће користити овај стил.
Ако желите у свој текст додати додатне типографске стилове, могли бисте их додати на ово ЦСС правило:
х3 {фонт-сизе: 24пк; боја: # 000; фонт-веигхт: нормал; }То не само да би поставило ту величину фонта за Х3-ове, него ће и боју поставити у црно (то је оно што значи хекс код од # 000) и то ће тежину поставити на "нормално". Подразумевано, претраживачи приказују заглавља 1-6 као болд тект, тако да ће овај стил превазићи то подразумевано и у суштини "не-болд" текст.
Величине слика
Слике могу бити незгодне да дефинишу величине, јер заправо можете да користите прегледач да бисте променили величину слике. Наравно, промена величине слике са прегледачем је лоша идеја, јер се странице учитавају спорије и претраживачи често раде лош посао промене величине, што чини слике лоше. Уместо тога, требало би да користите графички софтвер за промјену величине слика, а затим упишите своје стварне величине на ХТМЛ својој веб страници.
За разлику од фонтова, слике могу користити ХТМЛ или ЦСС да дефинишу величину. Дефинишете ширину слике и висину. Када користите ХТМЛ, можете дефинирати величину слике само у пикселима. Ако користите ЦСС, можете користити и друга мерења укључујући инчаре, центиметре и проценте. Ова последња вредност, проценти, је веома корисна када ваше слике морају бити флуидне, као на одговарајућој веб локацији.
Да бисте дефинисали величину слике користећи ХТМЛ, користите атрибуте висине и ширине ознаке имг. На пример, ова слика би била 400к400 пиксела квадратних:
хеигхт = "400" видтх = "400" алт = "имаге" />Да бисте дефинисали величину слике користећи ЦСС, користите својства стила висине и ширине. Ево иста слика, користећи ЦСС за дефинисање величине:
стиле = "видтх: 400пк;" алт = "имаге" />Распоред величина
Најчешћа величина коју дефинишете у распореду је ширина, а прва ствар коју ћете морати да одлучите је да ли да користите распоред фиксне ширине или одговарајућу веб локацију. Другим речима, да ли ћете дефинисати ширину као тачан број пиксела, инча или тачака? Или ћете подесити ширину распореда да буде флексибилна користећи емс или проценте? Да бисте дефинисали величину вашег распореда, користите ЦСС својства ширине и висине као што сте и на слици.
Фиксна ширина:
стиле = "видтх: 600пк;">Ширина текућине:
стиле = "видтх: 80%;">Када одлучујете о ширинама за ваш изглед, морате имати у виду различите ширине читача које могу користити ваши читачи и различити уређаји које ће такођер користити. Због тога су одзивне веб странице , које могу промијенити њихов изглед и величину на основу различитих уређаја и величине екрана, данас стандард за најбољу праксу.