11 najlepszych tagów HTML, które każdy blogger i właściciel witryny musi wiedzieć

Internet zna wiele języków i jest zakodowany w kilku różnych. Jedynym językiem, który można znaleźć wszędzie i jest obecny od momentu wynalezienia stron internetowych, jest HyperText Markup Language, lepiej znany jako HTML. Jak sama nazwa wskazuje, HTML nie jest językiem programowania, ale językiem znaczników. Znaczniki są interpretowane przez przeglądarki w celu wizualizacji treści na stronach internetowych. W najprostszej formie HTML służy do formatowania tekstu, osadzania plików multimedialnych i organizowania treści na stronie internetowej. Innymi słowy, HTML opisuje strony internetowe i na podstawie tego opisu przeglądarka tworzy „obraz”.

Dzięki darmowym twórcom stron internetowych nikt już nie musi niepotrzebnie bawić się z kodowaniem HTML. Jednak czasami tagi HTML mogą się przydać, na przykład do szybkich zmian w witrynie, dodawania hipertekstu w komentarzu lub formatowania tekstu postu na forum. W tym artykule chcę pokazać kilka, być może losowych, ale zdecydowanie przydatnych i prostych tagów do codziennego użytku.

Zanim zaczniemy, przedstawię kilka podstawowych zasad, które, mam nadzieję, ułatwią zrozumienie tagów HTML:

• HTML używa znaczników, które są ujęte w nawiasy kątowe, takie jak to:
• Tagi, które wyglądają jak w powyższym przykładzie, nazywane są tagami początkowymi. Po każdym tagu początkowym musi znajdować się tag końcowy, na przykład:
• Niektóre tagi nie opisują treści. Jednak, aby zachować zgodność z obowiązującymi standardami, muszą się jeszcze skończyć. W związku z tym łączą znacznik początkowy i końcowy, na przykład:
  

Formatowanie tekstu

Tagi HTML są zwykle proste. Znaczniki służące do pogrubienia, pochylenia lub podkreślenia tekstu pochodzą od odpowiedniego słowa.

Wkład: pogrubienie
Wyjście: pogrubienie

Wkład: italski
Wydajność: italski

Wkład: podkreślone
Wydajność: podkreślone

Wkład: przekreślić tekst
Wydajność: przekreślić tekst

Tworzenie hipertekstu

Zwykłe adresy URL mogą wyglądać dość brzydko. Dodanie hiperłącza do tekstu, tj. Utworzenie hipertekstu, jest znacznie bardziej stylowe i pozwoli zaoszczędzić miejsce, szczególnie jeśli link jest bardzo długi.

Wkład: Zrobić użytek z
Wydajność: Zrobić użytek z

Jak widać, ten tag HTML jest nieco bardziej skomplikowany, więc przyjrzyjmy się mu szczegółowo. Rzeczywisty tag to a dodatkowe elementy są atrybutami, które określają dalsze cechy. Atrybut href = określa link i tytuł = definiuje etykietkę najechania myszką. Pamiętaj, aby użyć znaków cudzysłowu, aby dołączyć link i tytuł, w przeciwnym razie może dojść do zepsucia linku.

Osadzanie obrazów

Zdjęcie może powiedzieć więcej niż tysiąc słów. Powinniśmy ich częściej używać. I tak możesz ręcznie wstawić jeden za pomocą HTML:

Wkład:

Przeanalizujmy również ten tag. Ponownie, rzeczywistym tagiem jest a wymagane atrybuty to src = i alt =. Pierwszy wskazuje na lokalizację obrazu, tj. Jego adres URL, a drugi zapewnia alternatywny tekst, który jest wyświetlany w przypadku zablokowania wyświetlania obrazów lub przerwania łącza. Ponownie użyj znaków cudzysłowu, aby uniknąć niedziałających łączy.

The tag jest także przykładem tagu, który nie musi być „zakończony”, a zatem zamyka się kreską do przodu w tagu początkowym, tj.. zamiast .

Przerwy i akapity

Aby utworzyć tekst strukturalny, musisz użyć podziałów linii i akapitów. A oto tagi, które musisz znać:

Wkład:

Wydajność: Ten znacznik tworzy podział linii. Zauważ, że jest to kolejny znacznik, który łączy znacznik początkowy i końcowy w jeden.

Wkład:

Tekst w akapicie.

Listy

Istnieją zasadniczo dwa rodzaje list: listy uporządkowane i nieuporządkowane, lepiej znane jako listy numerowane i wypunktowane. Aby utworzyć albo, musisz znać dwa różne tagi, ale tylko trzy łącznie. Najpierw spójrzmy na przykłady:

Wkład:

1. Pozycja pierwsza


2. Pozycja druga

Wydajność:

1. Pozycja pierwsza
2. Pozycja druga

Wkład:

• Pozycja pierwsza


• Pozycja druga

Wydajność:

• Pozycja pierwsza
• Pozycja druga

Aby utworzyć uporządkowaną listę, użyj znacznika

a dla nieuporządkowanej listy wstaw
etykietka. W obu przypadkach
• Tag służy do zdefiniowania elementu na liście.

  Teraz, gdy zobaczyłeś, jak prosty i logiczny jest HTML, możesz wyjść poza podstawy i nauczyć się nieco więcej. Aby uzyskać więcej wskazówek HTML, sprawdź następujące artykuły:

  • 5 kroków do zrozumienia podstawowego kodu HTML 5 kroków do zrozumienia podstawowego kodu HTML 5 kroków do zrozumienia podstawowego kodu HTML HTML jest kręgosłupem każdej strony internetowej. Jeśli jesteś początkujący, zapoznaj się z podstawowymi krokami do zrozumienia HTML.
  • 5 porad HTML, aby stworzyć szybko ładującą się darmową stronę 5 porad HTML, aby stworzyć szybko ładującą się darmową stronę 5 wskazówek HTML, aby szybko ładować się darmową stronę internetową
  • 7 fajnych efektów HTML, które każdy może dodać do swojej witryny. 7 fajnych efektów HTML, które każdy może dodać do swojej witryny. 7 fajnych efektów HTML, które każdy może dodać do swojej witryny. Nie rozpaczaj! Nie musisz znać CSS ani PHP, aby zbudować fantazyjną stronę. Wystarczy stary dobry HTML i umiejętność kopiowania i wklejania.

  Czy czujesz się teraz bardziej pewny korzystania z tagów HTML? Jeśli wcześniej „rutynowo” kodowałeś, jakich tagów brakuje?

  Zdjęcia: kentoh