Do tworzenia witryny w hPage nie musisz znać HTML – edytor treści pisze go za Ciebie. Ten artykuł wyjaśnia, co oznacza to pojęcie, i pokazuje, gdzie możesz umieścić własny kod, jeśli chcesz z niego skorzystać.
HTML w minutę
HTML to skrót od HyperText Markup Language (hipertekstowy język znaczników). To zwykły tekst ze „znacznikami” (tagami), które mówią przeglądarce, jak wyświetlić treść. Dwa przykłady:
<b>Pogrubiony tekst</b>jest wyświetlany jako Pogrubiony tekst (boznacza „bold”, czyli pogrubienie).<a href="https://www.hpage.com/">hPage</a>staje się linkiem z tekstem hPage.
CSS odpowiada za wygląd (kolory, czcionki, odstępy), a JavaScript za zachowanie. Fragmenty kodu od innych dostawców, np. mapa, widżet rezerwacji czy odtwarzacz wideo, to zwykle HTML w połączeniu z JavaScriptem.
Gdzie w hPage możesz umieścić własny HTML
- Element Osadzony HTML: w edytorze treści wybierz Dodaj element (dodatek) → Specjalne → Osadzony HTML i wklej kod. To zalecane miejsce na kod od innych dostawców, ponieważ nie koliduje z edytorem tekstu.
- Wstaw HTML na pasku narzędzi tekstu: wstawia fragment kodu w miejscu kursora wewnątrz elementu tekstowego.
- Edytor HTML na pasku narzędzi edytora treści: pokazuje i pozwala edytować cały kod HTML strony. Tylko dla zaawansowanych użytkowników – błąd może zepsuć układ, a przycisk Spróbuj naprawić pomaga, jeśli kodu nie da się ponownie wczytać.
- HTML w sekcji head pojedynczej strony (Premium): Ustawienia strony → Pokaż ustawienia zaawansowane → HTML w sekcji head, dla skryptów lub arkuszy stylów potrzebnych tylko na tej stronie.
- Ustawienia → Obszar nagłówka: Własny, dodatkowy kod HTML (między
<head>a</head>) dla całej witryny, np. dla tagów weryfikacyjnych, oraz Własny, dodatkowy arkusz stylów CSS (URL pliku .css). - Ustawienia → Ogólne → Cała witryna: HTML w polu Początek każdej strony i w polu Koniec każdej strony, np. dla liczników. Pojedyncza strona może z tego zrezygnować dzięki opcji NIE dołączaj na tej stronie kodów HTML całej witryny w swoich ustawieniach zaawansowanych.
- Pliki HTML (Premium): całe pliki .htm lub .html możesz przesłać w Pliki → Prześlij pliki i dodać do nich link.
Więcej o kodzie wyglądu przeczytasz w artykule własny CSS i HTML.