Kod HTML zapewnia prawidłowe formatowanie tekstu i obrazów, dzięki czemu przeglądarka internetowa może wyświetlać je tak, jak powinny. Bez HTML przeglądarka nie wie, jak wyświetlać tekst jako elementy lub ładować obrazy lub inne elementy. HTML zapewnia również podstawową strukturę strony, na której nakładane są kaskadowe arkusze stylów, aby zmienić jego wygląd. HTML można traktować jako kości (strukturę) strony internetowej, a CSS jako jego skórę (wygląd).
Jak widać w powyższym przykładzie znacznika HTML, nie ma zbyt wielu komponentów. Prawie wszystkie znaczniki HTML mają znacznik otwierający, który zawiera nazwę z dowolnymi atrybutami, znacznik zamykający, który zawiera ukośnik, oraz nazwę znacznika, który jest zamykany. Dla tagów, które nie mają tagu zamykającego , najlepszą praktyką jest zakończenie znacznika ukośnikiem.
Każdy znacznik jest zawarty w mniej niż i więcej niż nawiasy kątowe, a wszystko pomiędzy znacznikiem otwierającym i zamykającym jest wyświetlane lub zależne od znacznika. W powyższym przykładzie tag tworzy łącze o nazwie „Computer Hope”, które wskazuje na plik hope.html.
Wskazówka: zobacz naszą stronę pomocy HTML i Web Design, aby uzyskać pełną listę tagów HTML.
Jak wygląda HTML?
Poniżej znajduje się przykład podstawowej strony internetowej napisanej w języku HTML, a także opis każdej sekcji i jej funkcji.
Przykładowa stronaTo jest przykład podstawowej strony HTML.
Powyższe pole zawiera kluczowe składniki podstawowej strony internetowej. Pierwszy wiersz (DOCType) opisuje, w jakiej wersji HTML strona została zapisana, aby przeglądarka internetowa mogła zinterpretować następujący tekst. Następnie tag otwierający HTML pozwala przeglądarce wiedzieć, że czyta kod HTML. Po tagu HTML następuje sekcja nagłówka, która zawiera informacje o stronie, takie jak jej tytuł, metatagi i gdzie znaleźć plik CSS. Sekcja treści to cała zawartość widoczna w przeglądarce. Na przykład cały tekst, który tu widzisz, jest zawarty w znacznikach treści. Na koniec zamykanie znaczników zawija każdy element w celu poprawnej składni.
- Zobacz naszą pomoc HTML i projektowania stron internetowych, aby uzyskać pełną listę tagów HTML.
Co to jest HTML5?
HTML5 to aktualizacja HTML z HTML4 (XHTML stosuje inny schemat numeracji wersji). Używa tych samych podstawowych zasad co HTML4, ale dodaje kilka nowych znaczników i atrybutów, które pozwalają na lepszą semantykę i elementy dynamiczne, które są aktywowane za pomocą JavaScript. Nowe elementy to sekcja,,,,,,,,,,,,,,,,,,,,,,, and. Istnieją również nowe typy danych wejściowych dla formularzy, w tym tel, wyszukiwanie, adres URL, adres e-mail, data i godzina, data, miesiąc, tydzień, godzina, data-godzina lokalna, liczba, zakres i kolor.
Wraz z rosnącym ruchem, mającym na celu oddzielenie struktury i stylu, usunięto wiele elementów stylizujących, a także elementów, które miały problemy z dostępnością lub były mało przydatne. Te następujące elementy nie powinny być dłużej używane w kodzie HTML:,,,,,,,,,, i. HTML5 upraszcza również deklarację doctype do znacznika w poniższym polu.
Jak wygląda HTML5?
Jak pokazano poniżej, kod HTML5 jest bardzo podobny do wcześniejszego przykładu HTML4, ale jest czystszy i ma poprawiony tag doctype.
Przykładowa stronaTo jest przykład podstawowej strony HTML.
Jak tworzyć i wyświetlać HTML
Ponieważ HTML jest językiem znaczników, można go tworzyć i przeglądać w dowolnym edytorze tekstu, o ile jest on zapisany z rozszerzeniem .htm lub .html. Jednak większość z nich łatwiej projektuje i tworzy strony internetowe w HTML za pomocą edytora HTML.
Po utworzeniu pliku HTML można go wyświetlić lokalnie lub przesłać na serwer sieciowy, aby przeglądać go online za pomocą przeglądarki.
Jakie rozszerzenia plików są używane z HTML?
Pliki HTML używają rozszerzenia pliku .htm lub .html. Starsze wersje systemu Windows (Windows 3.x) zezwalają tylko na trzyliterowe rozszerzenia plików, więc używają .htm zamiast .html. Jednak oba rozszerzenia plików mają to samo znaczenie i mogą być używane dzisiaj. Mimo to zalecamy stosowanie jednej konwencji nazewnictwa, ponieważ niektóre serwery WWW mogą preferować jedno rozszerzenie nad drugim.
Uwaga: Strony internetowe tworzone za pomocą języka skryptowego, takiego jak Perl, PHP lub Python, mają inne rozszerzenie, nawet jeśli pokazują kod HTML tylko w kodzie źródłowym.
Jak wymówić HTML
HTML jest wymawiany jako html ( aitch-tee-em-el ).
Wskazówka: Z powodu brzmienia samogłoski podczas wymawiania HTML, użyłbyś „an” zamiast „a” przed skrótem w swoim piśmie.
ASP, cHTML, skróty komputerowe, walidator HTML, terminy internetowe, znaczniki, język znaczników, terminy programowania, public_html, terminy SEO, źródło, projektowanie stron internetowych, warunki projektowania stron internetowych, XML