КомпютриПрограмиране

HTML-тагове за текста: за подравняване, размера, шрифта

Тя ще изглежда, какво да знаете HTML-тагове за текста, ако е в почти всеки администратор има удобен визуален редактор, което ги поставя автоматично?

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

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

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

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

Моля, имайте предвид, че не всички етикети, които са сдвоени. Например,
(пас линия) или


(хоризонтална допълнение линия) не е необходимо да бъдат затворени най-малко.

Защо не можете да копирате статии от Word и други програми в редактора на сайта

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

За да се получи чист и съответния код, първо трябва да изчисти текста от HTML-маркери, създадени по обичайния редактор. Има няколко начина да направите това:

  1. "Отървете се от" статията чрез "Бележник" и едва след това поставете на сайта. Приложението ще изтрие всички HTML, така че след това трябва отново да форматирате текста (с помощта на редактор или ръчни инструменти).
  2. Писане и публикува статии чрез LiveWriter. популярен блог редактор веднага генерира правилния код. И в отделен раздел, можете да видите как ще изглежда текста на уебсайта.
  3. Използвайте HTML Cleaner. Тази онлайн услуга, не унищожи целия код като цяло, а само допълнителни фрагменти. С тяхна помощ можете да изберете кои маркери да бъдат съхранявани. Налице е също така мощен WYSIWYG редактор за формат, което добавя към вече оптимизирани код команди.

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

параграфи

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

таг винаги е написана с нов ред.

подравняване

Отделни HTML тагове "Подравняване на текста" вече не се използва. Вместо това, универсален атрибут ALIGN е създаден. За да промените позицията на кутията текста на страницата, трябва да изберете един от 3 стойности - Център, надясно или наляво. По същия начин, можете да укажете на привеждането в съответствие на останалите елементи - като например заглавия.

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

... . Удобното отделен маркер? За разлика от атрибута, тя работи с всяко съдържание, включително снимки, видео, флаш, и така нататък. Г.

Заглавия и подзаглавия

субтитри Системата ви позволява да създадете логическа структура на съдържанието. Когато текстът е разделен на семантични единици, читателят е много по-лесно да се концентрира и да научат нова информация. Търсачки и анализирани в заглавията на вестниците, за да видите кои заявки за насърчаване на страница. Ето защо SEO експерти препоръчват за използване в техните тематични ключове.

В HTML използва шест нива субтитри - от

до

. В тази система, има ясна йерархия:

  • ... . Основното заглавие (заглавието на статията, стоки в онлайн магазина, и така нататък. Г.). В текста може да има само един

    . Обикновено, тя съдържа основните ключови думи.

  • <Н2> ... . Субтитри второ ниво почивка текст в смислени единици. Например, ако сте били рейтинга лаптопи, можете да направите няколко

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

  • ... . Третото ниво е необходим, ако текстът между

    също е разделена на малки блокове. В нашия пример, това може да бъде за оценка критерии - "Ефективност", "Памет", "Видео", и така нататък за всеки модел ...

  • ,

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

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

или

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

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

списъци

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

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

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

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

      Всички елементи са разположени между отваряне и затваряне маркери. Всеки елемент от списъка започва с нова линия и има формата

    1. ... . Броят на елементите не се ограничава.

      Font избор: и неговите атрибути

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

      има няколко характеристики:

      • Face. Тя ви позволява да променяте шрифта на текста. Можете да видите списък множество опции, разделени със запетаи (Tahoma, Verdana). Освен ако потребителят първо шрифт, системата използва проста алтернатива.
      • Размер. За да увеличите или намалите текста, ограден с кавички стойност от 1 до 7.
      • Цвят. В зависимост от дизайна, можете да изберете една от стандартните цветове (червено, зелено, синьо) или да въведете кода на всеки цвят, за да избирате.

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

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

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

      ... . Изключително популярен HTML тагове. Bold текст хваща окото, но тъй като с него е удобно да се направи разграничение на важните за говорене и факти.

      Много хора бъркат тагове и . Визуално няма разлика, но те работят по различни начини. Първият просто променя външния вид на текста, а другата служи като "указател" и подчертава най-важните части (тематични ключови думи и фрази за SEO).

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

      ... . Може би толкова спорове не води до никаква HTML тагове. Подчертан текст се използва рядко, тъй като този метод за разпределение исторически укрепен за хипервръзки. Ако използвате в статии, моля, имайте предвид, че това е подходящо само за къси парчета - не повече от 1 ред.

      ... . Интересно маркер, който ви позволява да направите някои от зачертаване текста. Много от значение в рекламата - например, да се подчертае контраста между старите и новите цени.

      <ГОЛЯМ> ... . Най-лесният начин за увеличаване на размера на шрифта, без никакви допълнителни настройки.

      <МАЛКИТЕ> ... . Тя работи на същия принцип като предишния маркер. Текст, разположен вътре, намален по отношение на земята.

      ... . Правилното име за този формат - горния индекс. По принцип, този етикет е проектиран за математически степени и бележки под линия. Той намалява размера на шрифта и измества избран текст нагоре.

      ... . В индексът е често се срещат в различни формули. Изолираният фрагмент се намира под основния текст.

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

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

      <Код> ... . Tag за компютърни кодове. Задължителните в членове Програмиране примери - команди не се изпълняват и се показват като обикновен текст.

      <Цитират> ... . Създаден, за да обработи кавички - например основните откъси от интервюто.

      <Текстов блок> ... . Това прави част от текста в отделен блок. По подразбиране, изборът се отмества в ляво, но в CSS можете да промените размера, шрифта стила и цвета на текста.

      ... . По желание маркер, който съдържа данни за подателя, включително връзка.

      линия разделителната

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


      не чифт тагове. Това означава, че затварянето не се нуждаят от точка формат.

      С помощта на WIDTH атрибут може да се направи по-кратък от сепаратора, като зададете подходящия размер в пиксели или процент от ширината на прозореца.

      За да се научите да използвате тагове за форматиране на текст в HTML, вие не само ще направи вашите статии по-лесно да се чете, но и подобряване на ефективността на SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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