Wydaje się, że dlaczego znasz tagi HTML dla tekstu, jeśli teraz w prawie każdym administratorze jest wygodny edytor wizualny, który umieszcza je automatycznie? Faktem jest, że formatowanie treści na stronie znacznie się różni od pracy w aplikacjach biurowych. Nie wystarczy tylko nadać tekstowi atrakcyjny wygląd, ponieważ prawidłowy projekt zależy nie tylko od wyświetlania stron internetowych, ale także od ich promocji w wyszukiwarkach.

Tagi i atrybuty HTML: podstawy składni

Każdy tekst ma ukryty kod, który "wyjaśnia" komputerowi, co i jak wyświetlać na ekranie. Wszystkie informacje są rejestrowane przy użyciu zestawu elementów uniwersalnych.


W skrócie, znaczniki HTML dla tekstu to polecenia, które dodają określone bloki do strony lub zmieniają jej wygląd. Prawidłowy format zapisu wygląda następująco: Należy pamiętać, że nie wszystkie tagi są sparowane. Na przykład
(przeskocz linię) lub (dodanie linii poziomej) wcale nie musi się zamykać.

Dlaczego nie mogę skopiować artykułów z Worda i innych programów do edytora witryny

Chociaż nowoczesne aplikacje biurowe używają tych samych znaczników HTML dla tekstu, w 99% przypadków kod natywny nie jest odpowiedni dla stron internetowych. Nawet jeśli sam dokument pojawia się normalnie w samej aplikacji, wstawianie w witrynie formatowania może być wyblakłe. Ponadto, ze względu na dużą liczbę niepotrzebnych znaczników i atrybutów, wyszukiwarki nie mogą odpowiednio analizować zawartości strony. Co z kolei komplikuje zaawansowanie twojego zasobu. Aby dostaćCzysty i odpowiedni kod, najpierw trzeba wyczyścić tekst z tagów HTML utworzonych przez zwykłego edytora. Jest na to kilka sposobów:

"Uciec" poprzez artykuł "Notatnik" i dopiero wtedy wstawić go na stronie. Aplikacja wyczyści cały HTML, więc po tym będziesz musiał ponownie sformatować tekst (używając narzędzi edytora lub ręcznie).

Napisz i publikuj artykuły za pośrednictwem LiveWriter. Popularny edytor blogów natychmiast generuje poprawny kod. W oddzielnej karcie możesz zobaczyć, jak wygląda tekst na stronie.

Użyj narzędzia HTML Cleaner. Ta usługa online nie niszczy całego kodu, a jedynie dodatkowe fragmenty. Za pomocą filtrów wybierasz tagi do zapisania. Istnieje również potężny edytor wizualny do formatowania, który dodaje już zoptymalizowane polecenia do kodu.

Zawsze sprawdzaj HTML przed opublikowaniem nowego wpisu. Nie powinien zawierać tagów innych niż te, które obecnie sprawdzamy.

Ustępy

Ten element występuje praktycznie we wszystkich artykułach. Każdy akapit powinien znajdować się wewnątrz takiego kontenera - upraszcza formatowanie i umożliwia zapisanie pojedynczego stylu na wszystkich stronach witryny. Dla ułatwienia tag jest zawsze pisany z nowej linii.

Wyrównanie

Od dawna używany jest znacznik HTML "Wyrównanie tekstu". Zamiast tego utworzono uniwersalny atrybut ALIGN. Aby zmienić pozycję bloku tekstu na stronie, musisz wybrać jedną z trzech wartości - CENTRUM, PRAWO lub LEWO. Podobnie możesz ustawić wyrównanie dla innych elementów - na przykładnagłówki
W niektórych sytuacjach do wyrównania używane są inne znaczniki HTML. Tekst na środku można na przykład ułożyć za pomocą elementu. Jak wygodny jest oddzielny tag? W przeciwieństwie do atrybutu działa z dowolną zawartością, w tym zdjęciami, filmami, lampą błyskową itp.

Nagłówki i napisy

System napisów umożliwia tworzenie logicznej struktury treści. Kiedy tekst jest podzielony na bloki semantyczne, czytelnikowi znacznie łatwiej jest skoncentrować się i nauczyć nowych informacji. Wyszukiwarki analizują również nagłówki, aby zrozumieć, co podpowiada strona wyszukiwania. Dlatego specjaliści SEO polecają używanie w nich klawiszy tematycznych. W HTML zastosowano sześć poziomów napisów - od

do

. W tym systemie istnieje wyraźna hierarchia:

. Tytuł główny (tytuł artykułu, produkt w sklepie internetowym itp.). W tekście może znajdować się tylko jedna

. Z reguły zawiera klucz główny.

. Podtytuły drugiego poziomu dzielą tekst na bloki semantyczne. Na przykład, jeśli ocenisz notebook, możesz zrobić kilka

z nazwami różnych modeli.

. Trzeci poziom jest wymagany, jeśli tekst między dwoma

jest również podzielony na małe bloki. W naszym przykładzie mogą to być kryteria oceny - "Wydajność", "Pamięć", "Karta wideo" itp. Dla każdego modelu.

,

,

. W praktyce są niezwykle rzadkie. Ale ogólna zasada jest taka sama - muszą być "osadzone" w bloku zPodpozycja najwyższego poziomu.

Pilnuj właściwej hierarchii. Wracając do naszego przykładu, oznacza to, że nie możesz od razu wpisać nazw modeli jako

lub

. A jeszcze bardziej wykorzystać do jednorodnych bloków objętych pozycjami zawartość różnych poziomach (powiedzmy, aby zapewnić laptopa, które miały ostatnio miejsce w rankingu, z

).
Ale tutaj jest schemat, który pomoże ci od razu zrozumieć i zapamiętać poprawną strukturę nagłówków HTML.

wykazy

Każde przeniesienie i lepiej wykonać instrukcje w postaci list, używając niestandardowych znaczników HTML dla tekstu (częsty błąd - zaledwie kilka akapitów, które zaczynają się myślnikiem lub numery). Struktura takich bloków jest bardzo prosta. Najpierw określ rodzaj listy - oznaczony lub numerowany. Wszystkie elementy są między tagami otwierania i zamykania. Każdy element listy zaczyna się od nowej linii i ma format

. Liczba elementów nie jest ograniczona.

Wybór czcionki: i jej atrybuty

Co mogę zmienić za pomocą znacznika HTML? Rozmiar tekstu, czcionka i kolor - bez dodawania nowych klas CSS. Jest to bardzo wygodne, gdy trzeba wybrać tylko jedno zdanie lub fragment. ma kilka cech:

Twarz. Pozwala zmienić czcionkę tekstu. Możesz podać kilka opcji za pomocą przecinka (Tahoma, Verdana). Jeśli użytkownik nie ma zainstalowanej pierwszej czcionki, system po prostu używa alternatywy.

Rozmiar. Aby zwiększyć lub zmniejszyć tekst, wprowadź wartość od 1 do 7 w cudzysłowach.

Kolor. W zależności od wzoru możesz wybrać jeden ze standardowych odcieni (czerwony, zielony, niebieski) lub wprowadzić dowolny wybrany kod koloru.

Nie używaj akapitu sformatowanego przy użyciu zamiast podtytułów. Lepiej jest umieścić te same parametry rejestracji z poprawnym tagiem.

Rodzaje wyboru tekstu

Tekst monochromatyczny jest nużący, nawet w akapitach po akapicie. Aby przyciągnąć uwagę i zwiększyć zainteresowanie czytelnika, zaleca się graficzne zaznaczanie kluczowych punktów. Oto kilka poleceń, które pomogą ci poradzić sobie z tym zadaniem. . Niezwykle popularny tag HTML. Odważny tekst od razu rzuca się w oczy, a zatem z jego pomocą wygodnie jest podkreślić ważne tezy i fakty. Wielu myli tagi i. Wizualnie nie ma różnicy, ale działają one inaczej. Pierwszy po prostu zmienia wygląd tekstu, a drugi służy jako „wskaźnik” i podkreśla najważniejsze kawałki (słów kluczowych i fraz tematycznych dla SEO). . Elegancka i rygorystyczna kursywa jest idealna do projektowania terminów naukowych, obcych słów i różnych cytatów. W poważnych publikacjach nazwy dzieł sztuki wyróżniają się również tekstem skośnym. . Najwyraźniej tak wiele sporów nie spowodowało żadnych tagów HTML. Podkreślenie tekstu jest rzadko używane, ponieważ ta metoda alokacji historycznie zakorzenionych hiperłączy. Jeśli używasz artykułów, pamiętaj, że jest to odpowiednie tylko w przypadku krótkich fragmentów - nie więcej niż 1 wiersz. . Interesujący tag, który pozwala ci na przekreślenie tekstu. Bardzo istotne w reklamie - na przykład, aby podkreślićkontrast między starymi i nowymi cenami. . Najprostszy sposób na zwiększenie rozmiaru czcionki bez żadnych dodatkowych parametrów. . Działa na tej samej zasadzie co poprzedni tag. Tekst w środku zmniejsza się w stosunku do głównego. . Prawidłowa nazwa takiego formatu to górny indeks. Zasadniczo ten znacznik jest przeznaczony do matematycznych kroków i przypisów dolnych. Zmniejsza rozmiar czcionki i przesuwa podświetlony tekst w górę. . Niższy indeks często znajduje się w różnych formułach. Wybrany fragment znajduje się pod tekstem głównym.

Semi-Containers

Ponieważ niektóre bloki znaleziono w wielu tekstach, zaczęto dla nich tworzyć specjalne znaczniki. Upraszcza formatowanie, ponieważ jeśli każdy typ treści ma własny zestaw stylów, wystarczy podświetlić fragment tekstu i określić, jakie informacje zawiera.. Znacznik do dodawania kodów komputerowych. Niezbędny w programowaniu artykułów z przykładami - polecenia nie są wykonywane, ale wyświetlane jako zwykły tekst. . Zaprojektowany do sporządzania ofert - na przykład kluczowe fragmenty wywiadu. . Przenosi fragment tekstu do oddzielnego bloku. Domyślnie podświetlony fragment ma większy lewy margines, ale w CSS można również zmienić rozmiar, styl czcionki i kolor tekstu. . Dodatkowy tag zawierający informacje o autorze, w tym link.

Linia podziału

Za pomocą prostej funkcji można wskazać logiczne zakończenie dużej przegrody. nie ma zastosowania do tagów parzystych. To znaczyktóry zamyka element formatu nie jest potrzebny. Za pomocą atrybutu WIDTH można zmniejszyć długość separatora, ustawiając pożądany rozmiar w pikselach lub jako procent szerokości okna. Ucząc się, jak poprawnie używać tagów do formatowania tekstu w HTML, nie tylko ułatwiasz czytanie artykułów, ale także zwiększasz efektywność SEO.