КомпјутериПрограмирање

HTML-ознаки за текст: усогласување, големина на фонт

Се чини, што треба да знаете како HTML-ознаки за текстот, ако тоа е во речиси секој администратор има корисна визуелни уредник, што ги става автоматски?

Фактот дека форматирање на содржината на веб-сајтот е сосема различен од работа во канцеларија апликации. Не е доволно само да се даде на текст атрактивен изглед, поради правилна регистрација не зависи само прикажување на веб-страница, но, исто така, својата промоција во пребарувачите.

Е HTML тагови и атрибути: основната синтакса

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

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

Ве молиме имајте предвид дека не сите тагови се спарени. На пример, IDIVIDI: (помошна мрежа) или


(хоризонтална Покрај линија) не треба да се затвори на сите.

Зошто не може да ја копира статии од Word и други програми во уредувачот на сајтот

Иако модерните канцелариски програми ги користат истите HTML-ознаки за текст, 99% од мајчин кодот не е погодна за веб-страници. Дури и ако во документот за апликација се прикажува нормално, кога ќе внесете на сајтот може да ја изгуби форматирање. Покрај тоа, се должи на голем број на дополнителни ознаки, и пребарувачите не може соодветно да се анализира содржината на атрибути на страницата. Тоа, пак, го прави тешко да се промовира вашиот сајт.

За да се добие чиста и релевантни код, прво треба да се расчисти на текст од HTML-ознаки создадена во вообичаените уредник. Постојат неколку начини да го направите ова:

  1. "Се ослободи од" статијата преку "Notepad" и само тогаш внесете сајтот. Апликацијата ги брише сите HTML, така што потоа треба да повторно да го форматирате текстот (со користење на уредник или рачни алатки на).
  2. Пишуваат и објавуваат статии преку LiveWriter. популарен блог едитор непосредно генерира точниот код. И во посебен таб, можете да видите како текстот ќе се погледне на веб-страница.
  3. Користете HTML почисто. Оваа интернет услуга не ги уништи сите на кодот, како целина, туку само дополнително фрагменти. Со филтри, можете да изберете кој ја обележува за чување. Таму е исто така една моќна WYSIWYG едитор да го форматирам, која додава на веќе оптимизиран код команди.

Секогаш проверувајте на HTML, пред да објавите нов пост. Во него треба да има ознаки освен оние кои ги разгледаме.

ставовите

Овој елемент е присутна во речиси сите статии. Секој став треба да биде поставена на таков сад - ова се упростува на форматирање и ви овозможува да ги конзистентен стил во текот на сајт. За погодност,

тагот се запишува секогаш со нова линија.

усогласување

Посебен HTML-ознаката "текст Порамнување" е веќе не се користи. Наместо тоа, универзалната атрибут Порамни е создаден. Да се репозиционира полето текст на оваа страница, мора да изберете една од 3 вредности - ЦЕНТАР, лево или десно. Слично на тоа, можете да наведете усогласување на другите елементи - како што се заглавија.

Во некои ситуации, за усогласување користите други тагови HTML. центриран на текст, на пример, може да се организира со помош на елементот

... . Удобен посебна ознака? За разлика од атрибут, таа работи со било која содржина, вклучувајќи фотографии, видео, блиц, и така натаму. Д.

Насловите и поднасловите

превод Системот ви овозможува да креирате логичка структура на содржината. Кога текстот е поделена на семантички единици, читателот е многу полесно да се концентрира и да научат нови информации. Пребарување мотори исто така ги анализираа наслови за да ги видите кои прашања се промовира страница. Тоа е причината зошто SEO експерти препорачуваат за употреба во нивните тематски клучеви.

Во HTML користи шест нивоа преводи - од

до

. Во овој систем, постои јасна хиерархија:

  • ... . Главната насловот (наслов на статијата, стоки во онлајн продавница, и така натаму. Д). Во текстот не може да има само еден

    . Обично, тоа се содржани главните клучни зборови.

  • ... . Превод второ ниво пауза текст во смислени единици. На пример, ако сте биле рејтинг лап-топ компјутери, можете да направите неколку

    со имињата на различни модели.

  • ... . Третото ниво е потребно, ако текстот помеѓу

    исто така, е поделена на мали блокови. Во нашиот пример, ова може да биде критериуми за евалуација - "изведба", "Меморија", "Видео", и така натаму за секој модел ...

  • , <Х5>,

    . Во пракса, многу ретки. Но општиот принцип е иста - тие треба да се "вградени" во единицата со највисоко ниво на превод.

Мора да внимаваш за зачувување на правилна хиерархија. Враќајќи се на нашиот пример, тоа значи дека не може веднаш да влезе имињата на модел како

или <Х5>. И освен да се користи хомогена во смисла на преводи блокови на различни нивоа (на пример, се потенцира лаптоп, на последно место во рејтингот, користејќи

).

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

листи

Секое пренесување и подобра инструкции издадени во форма на листи, со помош на специјален HTML-ознаки за текст (честа грешка - само неколку ставови на

, кои започнуваат со цртичка или цифра).

Структурата на таквите блокови е многу едноставна. Во прво време, ние се дефинира видот на листата - нумерирани

    ... или нумерирани
      ... .

      Сите елементи се наоѓаат помеѓу отворање и затворање тагови. Елемент од листата започнува со нова линија и има формат

    1. ... . Бројот на елементи не е ограничен.

      Фонт за избор: и своите атрибути

      Што може да се промени со помош на HTML-ознаки? Големината на текстот, фонт и боја - и без додавање на нови паралелки на CSS. Ова е многу корисна кога треба да изберете само една реченица или фрагмент.

      има неколку атрибути:

      • Лицето. Тоа ви овозможува да го промените фонтот на текстот. Можете да наведете повеќе опции, разделени со запирки (Tahoma, Verdana). Освен ако корисникот на фонт, системот користи едноставна алтернатива.
      • Големина. За да го зголемите или намалите текст, внесете го цитираше вредност од 1 до 7.
      • Боја. Во зависност од дизајнот, можете да изберете еден од стандардните бои (црвена, зелена, сина), или внесете го кодот на било која боја за да изберете од.

      Не користете ставовите кои се форматирани со користење на , наместо преводи. Тоа е подобро да се побара истиот дизајн параметри точни таг.

      Методите за избор на текст

      Монотон досаден текст, дури паднат во ставовите. клучните точки се препорачува да се одвои графички да привлечат внимание и предизвика интерес во читателот. Еве неколку тимови кои ќе се справат со оваа задача.

      ... . Екстремно популарни HTML-ознаката. Задебелен текст фаќа око, туку затоа што со тоа е погодно да се разликуваат важните зборува поени и факти.

      Многу луѓе се збуни тагови и . Визуелно не постои никаква разлика, но тие работат на различни начини. Првиот едноставно го менува изгледот на текстот, а другиот служи како "покажувач" и истакнува најважните делови (тематски клучни зборови и фрази за оптимизација).

      ... . Елегантен и ригорозни курс е идеален за проектирање на научни термини, странски зборови и разни цитати. Во сериозна публикации курзив, исто така, ги обелодени имињата на уметнички дела.

      ... . Веројатно толку многу контроверзии не предизвика никакви HTML-таг. Подвлечено текст ретко се користи, како овој метод за распределба историски вградени хиперлинкови. Ако користите на во статии, имајте на ум дека ова е такво само за кратки парчиња - не повеќе од 1 линија.

      ... . Интересно таг, кој ви овозможува да направите некои од Прецртување текст. Многу релевантни во рекламирањето - на пример, да се нагласи разликата помеѓу старите и новите цени.

      ... . Најлесен начин да се зголеми големината на фонтот, без никакви дополнителни поставувања.

      ... . Таа работи на ист принцип како и претходната ознака. Текст поставени внатре, намален во однос на земјата.

      ... . Точниот име за овој формат - на горен индекс. Во суштина, овој таг е наменета за математика степени и фусноти. Ја намалува големината на фонтот и смени избраниот текст нагоре.

      <ПОД> ... . Подзнакот често се наоѓа во различни формули. Изолираните фрагмент се наоѓа под главниот текст.

      семантички контејнери

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

      ... . Ознака за компјутерски кодови. Неопходни во членовите Програмирање примери - команди не се извршува и се прикажува како обичен текст.

      ... . Дизајнирано за да се процесира цитати - на пример, клучот извадоци од интервјуто.

      ... . Тоа го прави дел од текстот во посебен блок. По дифолт, изборот е вовлечено на левата страна, но во CSS, исто така можете да ја промените големината, фонт стил и боја на текстот.

      ... . Факултативна ознака која содржи информации за авторот, вклучувајќи линк.

      линија на поделба

      Со едноставни карактеристики, можете да означите логички крај на голем дел.


      Не пар тагови. Ова значи дека затворањето не треба да објект формат.

      C со ширина атрибут може да се направи пократок од сепараторот со поставување на соодветна големина во пиксели или процент на ширината на прозорецот.

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 mk.atomiyme.com. Theme powered by WordPress.