HTML to skrót od „HyperText Markup Language” i jest to kod używany do definiowania wszystkich stron w sieci WWW. Mówi on przeglądarkom internetowym, jak wyświetlać treści na stronach internetowych.
Chociaż znajomość HTML jest przydatna, nie jest wymagana do stworzenia witryny internetowej WordPress.
Znajomość edycji HTML może być jednak pomocna przy zaawansowanym konfiguratorze i rozwiązywaniu problemów.
Co to jest język znaczników hipertekstowych (HTML)?
Każda strona internetowa jest tworzona przy użyciu kodu HTML, a zazwyczaj również kodu CSS i JavaScript. To sprawia, że HTML jest bardzo ważny dla wszystkich witryn internetowych.
Powiedzieliśmy wcześniej, że HTML to skrót od „HyperText Markup Language”. Rozłóżmy to na czynniki pierwsze:
- Hipertekst oznacza, że możesz dodawać odnośniki do twoich stron internetowych. Odnośniki te mogą prowadzić do powiązanych stron na twojej witrynie internetowej lub na innych witrynach. Pozwalają one również przeskakiwać z jednej części obecnej, aktualnej strony na inną.
- Znaczniki odnoszą się do specjalnych kodów lub tagów, których można użyć do opisania lub zdefiniowania różnych części twojego dokumentu. Zawierają one instrukcje dotyczące sposobu wyświetlania tekstu lub rodzaju treści.
W skrócie, HTML jest językiem używanym do tworzenia podstawowej struktury strony internetowej.
Przykłady kodu HTML
Znaczniki HTML wykorzystują system tagów ujętych w nawiasy kątowe. Tagi te definiują różne elementy, takie jak akapity, nagłówki, odnośniki, obrazki i inne.
Oto kilka przykładów.
Każdy akapit na stronie internetowej jest otoczony tagami akapitu, takimi jak ten:
<p>This is a paragraph of text in HTML.</p>
Możesz również użyć tagów HTML, aby utworzyć do 6 poziomów nagłówków na twojej witrynie internetowej w ten sposób:
<h1>This Is a Main Heading</h1>
<h2>This Is a Subheading</h2>
W HTML można tworzyć odnośniki za pomocą takich tagów kotwic:
<a href="https://www.example.com">click on this anchor text</a>
Można również dodawać obrazki do strony internetowej za pomocą HTML, określając adres URL obrazka i opis w następujący sposób:
<img src="image.jpg" alt="A description of the image">
Znaczniki HTML mogą wydawać się trudne dla początkujących. Być może zastanawiasz się, czy musisz zrozumieć HTML, zanim będziesz mógł stworzyć witrynę internetową.
Czy musisz znać HTML, aby stworzyć witrynę internetową WordPress?
We wczesnych dniach Internetu powszechne było tworzenie statycznych witryn internetowych przy użyciu kodu HTML. Ale tak już nie jest.
Większość dzisiejszych witryn internetowych jest tworzona za pomocą kreatora stron internetowych bez konieczności rozumienia kodu HTML. WordPress jest najpopularniejszym narzędziem do tworzenia witryn internetowych i obsługuje 43% wszystkich witryn internetowych.
Zamiast zmuszać użytkownika do używania skomplikowanych tagów HTML do tworzenia akapitów, nagłówków i innych elementów, WordPress zapewnia łatwy w użyciu edytor bloków.
Pozwala to na budowanie strony internetowej poprzez przeciąganie bloków do obszaru treści. Dostępne są na przykład bloki dla akapitów, nagłówków, list, obrazków i wiele innych.
Innym sposobem tworzenia stron internetowych w WordPressie jest użycie wtyczki do tworzenia stron typu „przeciągnij i upuść”. Narzędzia te pozwalają tworzyć własne projekty witryn internetowych WordPress bez pisania jakiegokolwiek kodu.
SeedProd to najlepsza wtyczka do tworzenia stron na rynku, która umożliwia łatwe tworzenie własnych stron, takich jak strony docelowe, strony, które pojawią się wkrótce, a nawet kompletne niestandardowe motywy WordPress.
Niezależnie od tego, czy używasz edytora bloków WordPress, czy wtyczki do tworzenia stron, kod HTML potrzebny dla twojej witryny internetowej jest tworzony automatycznie za kulisami.
Możesz dowiedzieć się więcej o kreatorach witryn internetowych w porównaniu do kodowania witryny od podstaw w naszym przewodniku na temat kodowania witryny internetowej (kompletny przewodnik dla początkujących).
Dodawanie lub edytowanie kodu HTML w WordPress
Chociaż nie trzeba znać języka HTML, aby stworzyć witrynę internetową, to jego znajomość może się przydać podczas rozwiązywania problemów na twojej witrynie lub wykonywania zaawansowanych konfiguratorów.
Podczas korzystania z edytora bloków WordPress można zobaczyć i edytować kod HTML dla danego bloku, wybierając opcję „Edytuj jako HTML” z menu z trzema kropkami.
Łatwo jest również utworzyć nowy kod HTML do wpisu lub strony.
Po prostu przeciągnij blok Custom HTML na obszar treści, a następnie dodaj swój kod HTML.
Możesz dowiedzieć się więcej w naszym przewodniku na temat edycji HTML w edytorze kodu WordPress.
Innym sposobem wykorzystania kodu HTML na twojej witrynie internetowej jest dodanie znaków specjalnych, takich jak symbol praw autorskich lub znaku towarowego.
Wystarczy edytować kod HTML bloku, a następnie wpisać © ;, aby dodać symbol praw autorskich © lub ™, aby dodać symbol znaku towarowego ™.
Zobacz nasz przewodnik na temat dodawania znaków specjalnych we wpisach WordPress, aby dowiedzieć się więcej.
Zamierzasz również sprawdzić kod HTML używany na innych witrynach internetowych. Nowoczesne przeglądarki internetowe, takie jak Google Chrome i Mozilla Firefox, mają wbudowane narzędzia, które umożliwiają sprawdzenie kodu HTML i CSS strony internetowej.
Może to być przydatne, gdy szukasz inspiracji dla twojej witryny internetowej. Możesz również bezpiecznie eksperymentować z edycją kodu, ponieważ będzie to miało wpływ tylko na to, jak witryna wygląda w twojej przeglądarce internetowej.
Aby uzyskać szczegółowe informacje, zapoznaj się z naszym przewodnikiem na temat podstaw elementu Inspect.
Jaka jest różnica między HTML a CSS?
Wspomnieliśmy, że nowoczesne przeglądarki internetowe pozwalają na sprawdzenie kodu HTML i CSS kryjącego się za dowolną stroną internetową. Być może zastanawiasz się nad różnicą między tymi dwoma rodzajami kodu.
HTML definiuje strukturę i treść strony internetowej, ale nie to, jak te elementy wyglądają. Tym zajmuje się CSS, skrót od „Cascading Style Sheets” (Kaskadowe Arkusze Stylów).
CSS to język, który pomaga stylizować twoją witrynę internetową. Na przykład, dzięki niemu przeglądarka internetowa użytkownika wie, jaki kolor tła ma mieć strona, jaki kolor i rozmiar mają mieć nagłówki i akapity, jak wyrównać tekst i wiele więcej.
Wybrany motyw WordPress zdefiniuje CSS używany dla twojej witryny internetowej. Możesz jednak zmienić wygląd twojej witryny internetowej, dostosowując kod CSS.
Możesz dowiedzieć się więcej z naszego przewodnika o tym, jak łatwo dodać własny CSS do twojej witryny WordPress.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się więcej o HTML w WordPress. Możesz również zapoznać się z naszą listą dodatkowych lektur poniżej, aby znaleźć powiązane artykuły na temat przydatnych wskazówek, sztuczek i pomysłów WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
