Wydawałoby się, co wiedzieć znaczniki HTML dla tekstu, jeśli jest w niemal każdy administrator posiada wygodny edytor wizualny, który umieszcza je automatycznie?

Fakt, że formatowanie treści na stronie jest zupełnie inny od pracy w aplikacjach biurowych. Nie wystarczy, aby nadać tekstowi atrakcyjny wygląd, ponieważ poprawnej rejestracji zależy nie tylko wyświetlić stronę internetową, ale również jego promocja w wyszukiwarkach.

HTML tagi i atrybuty: Podstawowa składnia

Każdy tekst ma ukryty kod, który „wyjaśnia” komputera, co i jak ma być wyświetlany na ekranie. Wszystkie informacje są zapisywane z zestawem elementów uniwersalnych.

W rzeczywistości, HTML-tagi dla tekstu – to zespół, który umieścić na stronie zdefiniowane bloki lub zmienić ich wygląd. Prawidłowy format zapisu jest następująca:

Należy pamiętać, że nie wszystkie znaczniki są sparowane. Na przykład,
(pass) lub

---

(dodawanie linia pozioma) nie musi być zamknięta w ogóle.

Dlaczego nie można kopiować artykułów z Word i innych programów w edytorze terenu

Chociaż nowoczesne programy biurowe użyć tych samych tagów HTML dla tekstu, 99% z natywnego kodu nie jest odpowiednia dla stron internetowych. Nawet jeśli w dokumencie aplikacji jest wyświetlany normalnie, po włożeniu strona może stracić formatowanie. Ponadto, ze względu na dużą liczbę dodatkowych znaczników, jak i wyszukiwarek nie potrafi właściwie analizować zawartość atrybutów stronie. To z kolei sprawia, że trudno jest promować swoją witrynę.

Aby uzyskać czysty i odpowiedni kod, trzeba najpierw usunąć tekst ze znacznikami HTML utworzonych w zwykłym edytorze. Istnieje kilka sposobów, aby to zrobić:

1. „Pozbyć się” tego artykułu przez „Notepad” i dopiero potem wstawić na stronę. Aplikacja usuwa wszystkie HTML, tak że potem trzeba ponownie sformatować tekst (za pomocą edytora lub ręcznych narzędzi).
2. Pisać i publikować artykuły poprzez LiveWriter. Popularny edytor bloga natychmiast generuje poprawny kod. A w osobnej karcie, można zobaczyć, jak będzie wyglądać tekst na stronie internetowej.
3. Użyj Cleaner HTML. Ten serwis internetowy nie zniszczyć cały kod jako całości, ale tylko dodatkowe fragmenty. Z filtrami, wybrać, które tagi do sklepu. Jest też potężny edytor WYSIWYG do formatu, który dodaje do już zoptymalizowane poleceń kodu.

Zawsze należy sprawdzić kod HTML przed opublikowaniem nowego posta. W nim nie powinno być żadnych tagów inne niż te, które możemy teraz rozważyć.

ustępy

Ten element jest obecny w niemal wszystkich artykułów. Każdy akapit powinien być umieszczony w takim pojemniku – to upraszcza formatowanie i pozwala zachować spójny styl całej witrynie. Dla wygody

znacznik jest zawsze pisane z nowej linii.

wyrównanie

Oddzielna HTML-Tag „Wyrównanie tekstu” nie jest już używany. Zamiast tego, uniwersalny atrybut align została utworzona. Aby zmienić położenie pola tekstowego na stronie, należy wybrać jedną z 3 wartości – centrum, w prawo lub lewo. Podobnie można określić ustawienie innych elementów – takich jak nagłówki.

W niektórych sytuacjach, dla wyrównania użyć innych tagów HTML. wyśrodkowany tekst, na przykład, mogą być ustawione za pomocą elementu … . Dogodna osobny tag? W przeciwieństwie do atrybutu, współpracuje z dowolnej treści, w tym zdjęcia, wideo, Flash i tak dalej. D.

Nagłówki

napisy System pozwala tworzyć logiczną strukturę treści. Gdy tekst jest podzielony na jednostki semantyczne, czytelnik jest znacznie łatwiej się skoncentrować i uczyć się nowych informacji. Wyszukiwarki analizowano również nagłówki, aby zobaczyć, które zapytania promować stronę. Dlatego eksperci SEO zalecane do stosowania w swoich kluczy tematycznych.

W HTML korzysta z sześciu poziomów napisy – od

do

. W tym systemie, istnieje wyraźna hierarchia:

• …

  . Głównym tytuł (tytuł artykułu, towary w sklepie internetowym, i tak dalej. D.). W tekście nie może być tylko jeden

  . Zwykle zawiera najważniejsze słowa kluczowe.

• …

  . Napisy drugi poziom tekstu przerwy w sensowne jednostki. Na przykład, jeśli były rankingu laptopów, można zrobić kilka

  z nazwami poszczególnych modeli.

• …

  . potrzebny jest trzeci poziom, jeśli tekst pomiędzy znacznikami
  

  jest podzielony na małe bloki. W naszym przykładzie, może to być kryteria oceny – „Performance”, „Pamięć”, „Film”, i tak dalej dla każdego modelu …

• ,

  . W praktyce bardzo rzadko. Ale ogólna zasada jest taka sama – muszą być „osadzone” w jednostce o najwyższym poziomie napisów.

Uważaj na zachowanie prawidłowej hierarchii. Wracając do naszego przykładu, oznacza to, że nie można od razu wprowadzić modelu nazwiska jak

lub

. A ponadto stosować jednorodne w sensie napisów bloków o różnych poziomach (na przykład wyróżnić laptopa, ostatnie miejsce w rankingu, za pomocą

).

Ale system, który będzie od razu zrozumieć i zapamiętać poprawną strukturę nagłówków w HTML.

wykazy

Wszelkie instrukcje transferu i lepiej wydane w formie list, używając specjalnych znaczników HTML dla tekstu (częsty błąd – zaledwie kilka akapitów o

, który rozpocznie się z myślnikiem lub cyfra).

Struktura takich bloków jest bardzo prosta. Na początku określamy typ list – punktowanej

…

lub numerowane

…

.

Wszystkie elementy są umieszczone pomiędzy znacznikami otwierającym i zamykającym. Każdy element listy zaczyna się od nowej linii i ma format

…

. Liczba elementów nie jest ograniczona.

Wybór czcionki: i jego atrybuty

Jakie mogą być zmieniane za pomocą HTML-tag? Rozmiar tekstu, czcionki i kolor – i bez dodawania nowych klas w CSS. Jest to bardzo przydatne, gdy trzeba wybrać tylko jedno zdanie lub fragment.

posiada kilka cech:

• Twarz. To pozwala na zmianę czcionki tekstu. Można wymienić wiele opcji, rozdzielając je przecinkami (Tahoma, Verdana). Chyba pierwszym czcionki przez użytkownika, system wykorzystuje prostą alternatywę.
• Rozmiar. Aby zwiększyć lub zmniejszyć tekst, wprowadź cytowany wartość 1 do 7.
• Kolor. W zależności od projektu, można wybrać jeden ze standardowych kolorów (czerwony, zielony, niebieski) lub wprowadzić kod dowolnego koloru do wyboru.

Nie stosować akapity, które są sformatowane przy użyciu , zamiast napisów. Lepiej jest zadawać te same parametry konstrukcyjne prawidłowy tag.

Sposoby zaznaczania tekstu

Monotonna męczące tekst, nawet w podziale na akapity. Kluczowe punkty zaleca się przeznaczyć graficznie, aby przyciągnąć uwagę i mieszać zainteresowanie czytelnika. Oto kilka zespołów, które poradzi sobie z tym zadaniem.

… . Niezwykle popularny HTML-tag. Tekst pogrubiony przyciąga wzrok, ale dlatego, ze jest to wygodne, aby odróżnić ważne punkty rozmowy i fakty.

Wiele osób myli znaczniki i . Wizualnie nie ma różnicy, ale działają na różne sposoby. Pierwszy po prostu zmienia wygląd tekstu, a drugi służy jako „wskaźnik” i podkreśla najważniejsze części (słów kluczowych i fraz tematycznych dla SEO).

… . Elegancki i rygorystyczny kurs jest idealny dla projektu pod względem naukowym, wyrazów obcych i różnych cytatów. W poważnych publikacjach kursywa również zwolnić nazwy dzieł sztuki.

… . Być może tak wiele kontrowersji nie powoduje żadnych HTML-tag. Podkreślenie tekstu jest rzadko używany, jak ta metoda alokacji historycznie zakorzenione dla hiperłączy. Jeśli używasz w wyrobach, proszę zauważyć, że nadaje się tylko do krótkich utworów – nie więcej niż 1 linii.

… . Interesujący tag, który pozwala na wykonywanie niektórych tekst przekreślony. Bardzo istotne w reklamie – na przykład, aby podkreślić kontrast między starymi i nowymi cenami.

… . Najprostszym sposobem, aby zwiększyć rozmiar czcionki, bez żadnych dodatkowych ustawień.

… . To działa na tej samej zasadzie co poprzedniego znacznika. Tekst umieszczony wewnątrz, zmniejsza się w odniesieniu do podłoża.

^… . Poprawna nazwa dla tego formatu – indeks górny. Zasadniczo, ten tag jest przeznaczony dla stopni matematycznych i przypisami. Zmniejsza rozmiar czcionki i przesuwa zaznaczony tekst w górę.

_… . Indeks jest często spotykane w różnych wzorach. Wydzielony fragment znajduje się poniżej głównego tekstu.

semantyczne pojemniki

Ponieważ niektóre bloki znajdują się w wielu tekstach, bo zaczęli tworzyć specjalne znaczniki. To upraszcza formatowanie, bo jeśli każdy typ zawartości ma swój własny zestaw stylów, przeznaczyć wystarczającą fragment tekstu i wskazują, jakie informacje zawiera.

… . Tag dla kodów komputerowych. Niezastąpione w art Przykłady programowania – komendy nie są wykonywane i wyświetlane jako zwykły tekst.

… . Zaprojektowany do przetwarzania cytaty – np kluczowe fragmenty wywiadu.

…

. To sprawia, że część tekstu w oddzielnym bloku. Domyślnie, wybór jest wcięty w lewo, ale w CSS można również zmieniać rozmiar, kolor i styl kroju czcionki tekstu.

…

. Opcjonalny tag, który zawiera informacje o autorze, w tym linkiem.

Linia podziału

---

Z prostych funkcji, można wyznaczyć logiczny koniec dużym przekroju. tagi

---

nie parę. Oznacza to, że zamykający nie potrzebują element formatu.

C przy użyciu atrybutu szerokość może być krótsza niż w separatorze przez ustawienie odpowiedniej wielkości w pikselach lub procent szerokości okna.

Aby nauczyć się używać znaczników do formatowania tekstu w HTML, nie będzie tylko zrobić swoje artykuły łatwiejsze do odczytania, ale także poprawić efektywność SEO.