Компютри, Програмиране
HTML-тагове за текста: за подравняване, размера, шрифта
Тя ще изглежда, какво да знаете HTML-тагове за текста, ако е в почти всеки администратор има удобен визуален редактор, което ги поставя автоматично?
Фактът, че форматирането на съдържанието на интернет страницата е доста по-различно от работа в офис приложения. Не е достатъчно само да се даде текста привлекателен външен вид, заради правилната регистрацията зависи не само показване на уеб страница, но и нейното популяризиране в търсачките.
HTML-тагове и атрибути: основен синтаксис
Всеки текст има скрит код, който "обяснява" на компютъра какво и как искате да се показва на екрана. Цялата информация се записва с набор от универсални елементи.
В действителност, HTML-тагове за текст - този отбор, които се добавят към страницата определено блокове или да променят външния си вид. правилния формат за запис е, както следва:
Моля, имайте предвид, че не всички етикети, които са сдвоени. Например,
(пас линия) или
(хоризонтална допълнение линия) не е необходимо да бъдат затворени най-малко.
Защо не можете да копирате статии от Word и други програми в редактора на сайта
Въпреки модерните офис програми използват едни и същи HTML-тагове за текст, 99% от родния код не е подходящ за уеб страници. Дори ако в документа за кандидатстване обикновено се показва, когато поставите на сайта може да загуби форматиране. Освен това, поради големия брой на допълнителни етикети, както и търсачките не могат адекватно да анализира съдържанието на атрибутите на страницата. Това, от своя страна, го прави трудно за насърчаване на вашия сайт.
За да се получи чист и съответния код, първо трябва да изчисти текста от HTML-маркери, създадени по обичайния редактор. Има няколко начина да направите това:
- "Отървете се от" статията чрез "Бележник" и едва след това поставете на сайта. Приложението ще изтрие всички HTML, така че след това трябва отново да форматирате текста (с помощта на редактор или ръчни инструменти).
- Писане и публикува статии чрез LiveWriter. популярен блог редактор веднага генерира правилния код. И в отделен раздел, можете да видите как ще изглежда текста на уебсайта.
- Използвайте HTML Cleaner. Тази онлайн услуга, не унищожи целия код като цяло, а само допълнителни фрагменти. С тяхна помощ можете да изберете кои маркери да бъдат съхранявани. Налице е също така мощен WYSIWYG редактор за формат, което добавя към вече оптимизирани код команди.
Винаги проверявайте HTML преди да публикувате нова длъжност. В него не трябва да има етикети, различни от тези, които вече ги разглеждаме.
параграфи
Този елемент присъства в почти всички статии. Всяка точка трябва да бъде поставен по такъв контейнер - улеснява форматирането и ви позволява да се поддържа последователен стил в целия сайт. За удобство
таг винаги е написана с нов ред.
подравняване
Отделни HTML тагове "Подравняване на текста" вече не се използва. Вместо това, универсален атрибут ALIGN е създаден. За да промените позицията на кутията текста на страницата, трябва да изберете един от 3 стойности - Център, надясно или наляво. По същия начин, можете да укажете на привеждането в съответствие на останалите елементи - като например заглавия.
В някои ситуации, за привеждане в съответствие използвате други тагове HTML. центриран текст, например, могат да бъдат организирани с помощта на елемента
Заглавия и подзаглавия
субтитри Системата ви позволява да създадете логическа структура на съдържанието. Когато текстът е разделен на семантични единици, читателят е много по-лесно да се концентрира и да научат нова информация. Търсачки и анализирани в заглавията на вестниците, за да видите кои заявки за насърчаване на страница. Ето защо SEO експерти препоръчват за използване в техните тематични ключове.
В HTML използва шест нива субтитри - от
до . В тази система, има ясна йерархия:
-
... H1>
. Основното заглавие (заглавието на статията, стоки в онлайн магазина, и така нататък. Г.). В текста може да има само един . Обикновено, тя съдържа основните ключови думи.
- <Н2> ... H2> . Субтитри второ ниво почивка текст в смислени единици. Например, ако сте били рейтинга лаптопи, можете да направите няколко
с имената на различните модели.
-
... H3>
. Третото ниво е необходим, ако текстът между също е разделена на малки блокове. В нашия пример, това може да бъде за оценка критерии - "Ефективност", "Памет", "Видео", и така нататък за всеки модел ...
-
, ,
. На практика, много рядко. Но основният принцип е един и същ - те трябва да бъдат "вградени" в устройството с най-високо ниво на субтитрите.
-
... H1>
. Основното заглавие (заглавието на статията, стоки в онлайн магазина, и така нататък. Г.). В текста може да има само един. Обикновено, тя съдържа основните ключови думи.
- <Н2> ... H2> . Субтитри второ ниво почивка текст в смислени единици. Например, ако сте били рейтинга лаптопи, можете да направите няколко
с имената на различните модели.
-
... H3>
. Третото ниво е необходим, ако текстът междусъщо е разделена на малки блокове. В нашия пример, това може да бъде за оценка критерии - "Ефективност", "Памет", "Видео", и така нататък за всеки модел ...
-
,
,
. На практика, много рядко. Но основният принцип е един и същ - те трябва да бъдат "вградени" в устройството с най-високо ниво на субтитрите.
Внимавай за запазването на правилната йерархия. Връщайки се към нашия пример, това означава, че не може веднага да въведете имената на модела, като
или . И освен това да използва хомогенна в смисъл на субтитри блокове на различни нива (например, маркирайте лаптоп, класирана на последно място в класацията, като се използват ).
).
Но на схемата, която веднага ще разбере и помните правилния структура на заглавията в HTML.
списъци
Всяко прехвърляне и по-добри инструкции, дадени под формата на списъци, с помощта на специален HTML-тагове за текст (често срещана грешка - само за няколко параграфа на
, които да започват с тире или цифра).
Структурата на тези блокове е много проста. На първо място, ние определяме вида на списък - с водещи символи
- ... UL> или номерирани
- ... LI>. Броят на елементите не се ограничава.
Font избор: и неговите атрибути
Какво може да се променя с помощта на HTML-маркер? Размерът на текста, неговата шрифт и цвят - и без добавяне на нови класове в CSS. Това е много удобно, когато трябва да изберете само едно изречение или фрагмент.
има няколко характеристики:
- Face. Тя ви позволява да променяте шрифта на текста. Можете да видите списък множество опции, разделени със запетаи (Tahoma, Verdana). Освен ако потребителят първо шрифт, системата използва проста алтернатива.
- Размер. За да увеличите или намалите текста, ограден с кавички стойност от 1 до 7.
- Цвят. В зависимост от дизайна, можете да изберете една от стандартните цветове (червено, зелено, синьо) или да въведете кода на всеки цвят, за да избирате.
Не използвайте параграфи, които са форматирани с помощта на , вместо субтитри. По-добре е да попитате един и същ дизайн параметри правилния маркер.
Методи за избор на текст
Монотонен текст уморително, дори и разбити на параграфи. ключовите точки се препоръчва да се разпределят графично за да привлече вниманието и разбъркайте интерес към читателя. Ето няколко отбора, които ще се справят с тази задача.
... B> . Изключително популярен HTML тагове. Bold текст хваща окото, но тъй като с него е удобно да се направи разграничение на важните за говорене и факти.
Много хора бъркат тагове и . Визуално няма разлика, но те работят по различни начини. Първият просто променя външния вид на текста, а другата служи като "указател" и подчертава най-важните части (тематични ключови думи и фрази за SEO).
... i> . Елегантен и подробен курс е идеален за проектиране на научни термини, чужди думи и различни цитати. В сериозни публикации курсив също пусне имената на произведения на изкуството.
... U> . Може би толкова спорове не води до никаква HTML тагове. Подчертан текст се използва рядко, тъй като този метод за разпределение исторически укрепен за хипервръзки. Ако използвате в статии, моля, имайте предвид, че това е подходящо само за къси парчета - не повече от 1 ред.
... S>. Интересно маркер, който ви позволява да направите някои от зачертаване текста. Много от значение в рекламата - например, да се подчертае контраста между старите и новите цени.<ГОЛЯМ> ... ГОЛЯМ> . Най-лесният начин за увеличаване на размера на шрифта, без никакви допълнителни настройки.
<МАЛКИТЕ> ... МАЛКИТЕ> . Тя работи на същия принцип като предишния маркер. Текст, разположен вътре, намален по отношение на земята.
... SUP> . Правилното име за този формат - горния индекс. По принцип, този етикет е проектиран за математически степени и бележки под линия. Той намалява размера на шрифта и измества избран текст нагоре.
... под> . В индексът е често се срещат в различни формули. Изолираният фрагмент се намира под основния текст.
семантични контейнери
Тъй като някои блокове се намира в много текстове, защото те започнаха да се създадат специални маркери. Това улеснява форматирането, защото ако всеки тип съдържание има свой собствен набор от стилове, отделят достатъчно част от текст и да посочи каква информация съдържа.
<Код> ... КОД> . Tag за компютърни кодове. Задължителните в членове Програмиране примери - команди не се изпълняват и се показват като обикновен текст.
<Цитират> ... CITE> . Създаден, за да обработи кавички - например основните откъси от интервюто.
<Текстов блок> ... текстов блок> . Това прави част от текста в отделен блок. По подразбиране, изборът се отмества в ляво, но в CSS можете да промените размера, шрифта стила и цвета на текста.
... ADDRESS> . По желание маркер, който съдържа данни за подателя, включително връзка.
линия разделителната
С прости функции, можете да посочи логичен край на голяма част.
не чифт тагове. Това означава, че затварянето ...> не се нуждаят от точка формат.С помощта на WIDTH атрибут може да се направи по-кратък от сепаратора, като зададете подходящия размер в пиксели или процент от ширината на прозореца.
За да се научите да използвате тагове за форматиране на текст в HTML, вие не само ще направи вашите статии по-лесно да се чете, но и подобряване на ефективността на SEO.
- ... OL>.
Всички елементи са разположени между отваряне и затваряне маркери. Всеки елемент от списъка започва с нова линия и има формата
Similar articles
Trending Now