Jak skopiować i wkleić kod HTML na własnej stronie internetowej

Większość początkujących webmasterów zastanawia się, jak używać HTML do formatowania tekstu, układania treści w kolumny czy budowania tabel. Kiedy znajdziesz stronę, która robi dokładnie to, czego potrzebujesz, przeglądarka umożliwia wgląd w kod źródłowy. Skopiowanie tego kodu może posłużyć jako baza do stworzenia podobnych efektów na własnych stronach.

Krok 1

Otwórz w przeglądarce stronę, której kod chcesz skopiować. Wyświetl źródło strony – najczęściej opcja „Wyświetl źródło” znajduje się w menu „Widok” lub w menu kontekstowym po kliknięciu prawym przyciskiem myszy.

Krok 2

Znajdź fragment HTML, który chcesz skopiować. Aby zaznaczyć cały dokument, użyj Ctrl+A, lub zaznacz wybrany fragment myszą. Następnie skopiuj zaznaczenie klawiszami Ctrl+C.

Krok 3

Otwórz plik, do którego chcesz wkleić kod, w edytorze tekstowym. Najlepiej używać edytora prostego tekstu, takiego jak Notatnik (Windows) lub TextEdit w trybie tekstowym (Mac). Nie używaj edytorów typu WYSIWYG, które wyświetlają stronę zamiast kodu.

Krok 4

Umieść kursor w miejscu, w którym ma się znaleźć skopiowany kod i wklej go klawiszami Ctrl+V.

Krok 5

Zapisz plik HTML. Jeśli planujesz dalsze zmiany, pozostaw go otwartym w edytorze.

Krok 6

Otwórz zapisany plik w przeglądarce i sprawdź, jak wyświetla się wklejony kod. W razie potrzeby wróć do edytora, wprowadź poprawki, zapisz i odśwież stronę.

Uruchom program FTP lub skorzystaj z panelu sterowania w swoim hostingu, aby przesłać zmodyfikowany plik na serwer.

Wskazówki

• Niektóre panele hostingowe oferują wbudowany edytor, dzięki któremu możesz modyfikować pliki HTML bezpośrednio na serwerze.
• Pracuj nad stroną lokalnie, a dopiero po zakończeniu edycji wgraj pliki na serwer, nadpisując stare wersje. Zapobiegniesz w ten sposób wyświetlaniu niekompletnych wersji strony odwiedzającym.

Uwaga

• Wykorzystywanie fragmentów HTML z innych witryn może naruszać prawa autorskie, zwłaszcza gdy kod powoduje, że Twoja strona wygląda identycznie jak oryginał. Używaj skopiowanego kodu jedynie jako inspiracji lub punktu wyjścia do własnych rozwiązań.

Co będzie potrzebne

• Edytor tekstowy (np. Notatnik, TextEdit, VS Code)