Odkąd zacząłem pisać na tym blogu, nawet jeśli próbowałem projektować strony internetowe w prosty sposób, zawsze musiałem rozumieć kody HTML, ponieważ nawet przy użyciu najłatwiejszego i idealnego automatycznego systemu do stworzenia strony potrzeba aby dodać niestandardowy kod HTML zawsze istnieje. Nie jestem profesjonalnym webmasterem, ale każdy, kto ma blog lub witrynę, powinien przynajmniej znać podstawowe elementy podstawowych tagów HTML Mogę również wskazać różne portale internetowe, które działają jako globalne wsparcie dla tych, którzy chcą się uczyć, a także dla menedżerów i programistów stron internetowych. Nawet biorąc pod uwagę, że technologie zmieniły się z czasem wraz z narodzinami nowych języków programowania, takich jak PHP, JavaScript, CSS itd., Konieczne jest, nawet dla najbardziej doświadczonych, posiadanie edukacyjnych punktów odniesienia dla webmasterów i projektantów stron internetowych,
Ponieważ na pewno istnieje wiele raczej słabych i możliwych do uniknięcia stron internetowych, widzimy najlepsze witryny, które przedstawiają przykłady i przewodniki po kodzie HTML i aplikacjach internetowych, które pozwalają przeprowadzać testy, ćwiczenia, eksperymenty i testy z edytorami online . Poniższe strony oferują nie tylko dobrą i solidną podstawę do nauki HTML, ale także oferują najlepsze środowisko do nauki, z interaktywnymi narzędziami, których można użyć do weryfikacji zdobytej wiedzy i wypróbowania jej w terenie.
CZYTAJ TAKŻE: Główne języki programowania używane w aplikacjach i witrynach internetowych
1) Najlepszymi stronami do nauki HTML i programowania w Internecie są CodePen oraz strony do przeprowadzania testów programistycznych, które zawierają również samouczki, przewodniki oraz wiele samouczków i przykładów do nauki i wypróbowania z natychmiastowym podglądem.
2) HTML Dog to pierwsza strona, do której należy przejść, jeśli zapomnisz, jak używać polecenia lub instrukcji HTML i CSS .
Strona jest dobrze zaprojektowana, a przede wszystkim bardzo zaktualizowana, w przeciwieństwie do innych stron poświęconych projektowaniu stron internetowych, które często zawierają przestarzałe przewodniki.
HTML Dog zapewnia, dla każdej funkcji, tagu lub atrybutu, wyraźny przykład kodu, który można skopiować i wkleić w edytorze.
Istnieją trzy poziomy samouczka: początkujący, średniozaawansowany i zaawansowany.
Nawet jeśli strona jest w języku angielskim, bardzo łatwo jest się z nią zapoznać nawet dla tych, którzy znają ją powierzchownie.
Korzystając z pola wyszukiwania, możesz uzyskać instrukcje i przykłady użycia określonego znacznika.
3) W3Schools to chyba najlepsza strona internetowa do wyszukiwania mniej standardowych i bardziej pomysłowych kodów.
Zawiera wiele przykładów kodu, od PHP CSS i HTML, po XML i JavaScript .
Najbardziej użyteczną rzeczą w witrynie W3Schools jest przydatne narzędzie podzielonego ekranu, w którym możesz przetestować kod, którego uczysz się podczas każdej lekcji .
Jeśli zmodyfikujesz kod HTML w edytorze skrzynek, możesz natychmiast zobaczyć wynik w podglądzie, aby wykonać wszystkie potrzebne testy.
To narzędzie prowadzi mnie do otwierania nawiasów i zgłaszania innych witryn, które zawierają internetowy i natychmiastowy edytor HTML, bardzo przydatny do ćwiczenia przez wykonywanie testów i sprawdzanie, co się dzieje przez zmianę wartości i poleceń.
- HTML Instant jest najbardziej znanym edytorem HTML HTML, w którym piszesz kod po lewej stronie i od razu widzisz, jak jest widziany po prawej stronie
- Edycja HTML jest podobna do Instant Instant, tylko że edytor znajduje się powyżej, a podgląd poniżej.
- JsBin jest bardzo przydatny do dodawania javascript, takich jak jQuery, Prototype i inne.
4) Quackit jest na tym samym poziomie co W3Schools, z wieloma przykładami podstawowego i zaawansowanego HTML .
Wszystkie kody można skopiować i wkleić na swojej stronie internetowej.
Dla każdego przykładu pokazany jest zarówno kod programowania, jak i wynik graficzny.
W menu w lewym dolnym rogu znajdują się automatyczne generatory kodu, w których wypełniając pola w spersonalizowany sposób, możesz wygenerować potrzebną część kodu.
5) LandOfCode oferuje edytor online, podzielony na dwie części, w celu przetestowania kodu HTML.
Na stronie znajduje się wiele przykładów kodu HTML, choć formatowanie pozostawia trochę do życzenia.
Edytor online LandOfCode jest bardziej zaawansowany niż edytor W3School, ponieważ ma dodatkowe przyciski, które pozwalają przeglądać wyniki w nowym oknie, a nie tylko w obszarze wyświetlania po prawej stronie.
6) Html.it to najlepsza włoska strona do czytania przewodników i informacji na temat kodu HTML użytego do stworzenia strony internetowej.
Gdyby nie masowa obecność reklam, byłoby to doskonałe, z wieloma przykładami do skopiowania i wklejenia dla twoich potrzeb.
Jednak użyty język nie jest zbyt prosty i prawie lepiej jest przeczytać przewodniki z jednej z powyższych angielskich stron.
7) HTML.com to kolejna świetna witryna do czytania, studiowania i wyszukiwania przewodników dotyczących używania HTML, CSS i wyszukiwania przykładów wszelkiego rodzaju kodu witryny.
Z ciekawości możesz przejść do strony internetowej WebPagesThatSuck, gdzie możesz zobaczyć, jak nie należy tworzyć strony internetowej, jakich błędów unikać i gdzie przeczytać ranking najgorszych stron na świecie.
Na koniec pamiętam kolejną stronę tego bloga z najlepszymi zasobami online do pobrania schematów syntezy HTML, CSS i JavaScript do wydrukowania .
