HTML oznacza hipertekstowy język znaczników, a dokumenty używające tego języka tworzą strony internetowe. Każda witryna korzysta z tego, dlatego ważne jest, aby zrozumieć, jak to działa.
Z tego samouczka dowiesz się wszystkiego, o czym musisz wiedzieć HTML.
Co to jest Deklaracja?
ten deklaracja to pierwsza linia kodu w każdym HTML plik. Informuje przeglądarki internetowe, która wersja programu HTML znajduje się w określonym pliku.
Każda wersja HTML jest wyjątkowy i ma swój własny zestaw zasad. HTML 5 to najnowsza wersja języka. Jest to zalecana wersja dla programistów, a także najprostsza do zadeklarowania. Aby zadeklarować HTML 5 dokument, po prostu dodaj HTML element do deklaracja.
Przykład można zobaczyć poniżej:
Co to jest Etykietka?
W każdym HTML dokument, po deklaracji następuje etykietka. Znacznik ten identyfikuje katalog główny dokumentu i zawiera oraz Tagi.
ten tag jest pierwszą sekcją i zawiera
W dokumencie HTML znajduje się tylko jeden tag
Poniżej możesz zobaczyć przykład tagu tytułu:
Wprowadzenie do HTML
jakiś HTML plik, który ma
Tag opisuje zawartość strony internetowej i zazwyczaj ma nazwę oraz atrybut treści. Trzy z bardziej popularnych typów tagów to opis, słowo kluczowe i widoczny obszar.
Poniżej znajduje się przykład tagu opisu :
Atrybut treści tagu description zawiera opis Twojej strony internetowej strona. Są to dane wyświetlane w wynikach wyszukiwania, które mówią potencjalnemu odwiedzającemu, czego może się spodziewać na stronie internetowej.
Poniżej znajduje się przykład tagu słowa kluczowego:
Tag keywords zawiera słowa lub wyrażenia, które są istotne dla Twoja strona internetowa. Każde nowe słowo lub wyrażenie przypisane do atrybutu treści słowa kluczowego jest oddzielone przecinkiem, jak widać w powyższym przykładzie.
Poniżej znajduje się przykład tagu widocznego obszaru:
Tag viewport pomaga tworzyć responsywne projekty, sprawiając, że Twoja strona internetowa reaguje na różne typy urządzeń.
Co to jest tag ?
tag to druga główna sekcja w tagu głównym . Tag zawiera każdy element wyświetlany na stronie internetowej.
Elementy z tagiem są klasyfikowane jako elementy wbudowane lub blokowe. Jeśli chcesz zobaczyć pełną ściągawkę z podstawami HTML, przygotowaliśmy ją, aby ułatwić Ci zrozumienie wszystkiego.
Czym są elementy blokowe?
Elementy blokowe zawsze zaczynają się w nowej linii i zajmują całą szerokość linii, którą są włączone.
Niektóre elementy blokowe, których będziesz używać, to:
- Tagi nagłówka
tag
- Znacznik
- Znacznik
tag
- Tag
- Tag
Elementy blokowe służą do dzielenia tekstu na stronie w spójny, przyswajalny format.
Istnieje sześć różnych typów tagów nagłówków: , , , , i . Znacznik tworzy największy nagłówek, tag tworzy najmniejszy nagłówek, a wszystkie pozostałe nagłówki znajdują się pomiędzy nimi (w zależności od ich liczby) wartość).
Tagi nagłówków są używane w nagłówkach na stronie internetowej. Użycie konkretnego tagu nagłówka zależy od pozycji nagłówka na stronie. Na przykład tag jest używany w pierwszym nagłówku na stronie internetowej, a strona internetowa używa tylko jednego elementu h1 (chociaż może mieć kilka elementów h2, h3 i h4).
Poniżej możesz zobaczyć przykład działania tagu
: Nauka podstaw HTML
kod>
Co to jest tag
?
to kolejny używany element blokowy w treści strony internetowej i tworzy akapity. Poniżej znajduje się przykład użycia tego tagu:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
wynalazca, reiciendis earum illum mollitia dignissimos officia, culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!
Co to jest Tag? Znacznik reprezentuje podział. Służy do tworzenia kontenerów dla grup innych elementów HTML do celów stylizacyjnych lub funkcjonalnych. Na przykład, jeśli pracujesz z siatką, musisz umieścić wszystkie elementy siatki w kontenerze. Aby utworzyć kontener, musisz użyć tagu . Powiązane: Dowiedz się, jak tworzyć dwuwymiarowe witryny internetowe za pomocą siatki CSS
Tagi
i
służą do tworzenia list w HTML. Tag
tworzy listy uporządkowane, a tag
tworzy listy nieuporządkowane. Jednak oba tagi używają tagu , który tworzy elementy listy.
Korzystanie ze znacznika
W uporządkowanej liście domyślnie używane są liczby. Jednak tag
ma atrybut typu, którego można użyć do wyraźnego określenia elementu, którego chcesz użyć do uporządkowania listy. Możesz zamówić listę z dużymi lub małymi cyframi rzymskimi, dużymi lub małymi literami lub cyframi.
Przykład można zobaczyć poniżej:
- Pierwszy element
< li>Drugi pozycja
- Trzecia pozycja
Powyższy kod tworzy uporządkowaną listę za pomocą Listy.
Korzystanie z tagu
Tag
ma również atrybut typu, który przyjmuje jedną z kilku wartości: dysk, koło lub kwadrat. Jednak płyta jest domyślnym wskaźnikiem nowego elementu listy na liście nieuporządkowanej.
Poniżej znajduje się przykład tego, jak wyglądałaby lista nieuporządkowana w formie kodu:
- Pierwszy element
- Drugi element
- Trzeci element
Czym są elementy śródliniowe?
Element śródliniowy nie zacznij od nowej linii. Rozpoczyna się w następnej dostępnej pozycji, która może, ale nie musi, znajdować się w nowej linii, i używa tylko niezbędnej szerokości. Niektóre elementy wbudowane, których najprawdopodobniej użyjesz, obejmują:
- Tag
- Tag
-
![]()
Tag
- Tag
- Tag
Omówimy każdy z nich bardziej szczegółowo poniżej.
Co to jest tag ?
tag jest używany do celów stylizacji w tekście. Na przykład, jeśli chcesz zmienić styl określonego słowa lub frazy w akapicie, możesz użyć tagu .
Poniżej znajduje się przykład tego tagu:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
inventor, reiciendis earum illum dignissimos officia, culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!
Używanie tagu w Powyższy przykład zapewnia, że dwa słowa w tagu mogą mieć teraz unikatowe styl.
Co to jest tag ?
tag służy do tworzenia linków na stronie internetowej. Tag umożliwia programiście umieszczenie linku do innej witryny (link zewnętrzny) lub innej strony internetowej w tej samej witrynie (link wewnętrzny). Tag ma dwa ważne atrybuty — href i target.
Atrybut href jest niezbędny, ponieważ przechowuje wartość lokalizacji linku. A atrybut target jest niezbędny, ponieważ pozwala użytkownikowi otworzyć link w nowej karcie. Bez atrybutu target link otworzy się w bieżącej karcie, a jeśli jest to link zewnętrzny, odciągnie ruch z Twojej witryny.
Zobacz poniżej przykład działania tagu :
Kliknij ten link do Google
Nauka HTML to Niezbędne dla programistów
Nauka HTML jest kluczowa dla wszystkich programistów i powinna stanowić podstawę Twojego studia. Na szczęście nie jest to też zbyt skomplikowane.
Po przeczytaniu tego przewodnika powinieneś mieć wszystko, czego potrzebujesz, aby zacząć lepiej formatować witryny.
UdostępnijTweetuj span>E-mail
An Wprowadzenie do kaskadowych arkuszy stylów (CSS)Chcesz porzucić nijakie strony HTML i urozmaicić styl CSS? Oto przewodnik, którego potrzebujesz, aby zacząć.
Przeczytaj dalej
Powiązane Tematy
- Programowanie
- HTML
-
Wskazówki dotyczące kodowania
- Programowanie
Informacje Autor
Kadeisha Kean (27 artykułów Opublikowano)Kadeisha Kean jest programistą zajmującym się pełnymi stosami oprogramowania i pisarzem technicznym/technologicznym. Ma wyraźną umiejętność upraszczania niektórych z najbardziej złożonych koncepcji technologicznych; produkcja materiału, który może być łatwo zrozumiały dla każdego nowicjusza w dziedzinie technologii. Pasjonuje się pisaniem, tworzeniem ciekawego oprogramowania i podróżowaniem po świecie (poprzez filmy dokumentalne).
Więcej od Kadeishy Kean