W tym przewodniku pokazano, czym jest szablon startowy HTML.
Co to jest szablon startowy HTML?
Startowy szablon HTML zawiera deklarację , znaczniki ,
i oraz podstawowy zestaw stylów CSS i skryptów JavaScript. Te tagi stanowią podstawę do stworzenia strony internetowej, która oszczędza programistom dużo czasu i wysiłku.Szablon startowy HTML wygląda następująco:
< HTML Tylko = 'W' >
< głowa >
< meta zestaw znaków = „UTF-8” >
< meta nazwa = „rzutnia” treść = „szerokość = szerokość urządzenia, skala początkowa = 1” >
< tytuł > Linuks < / tytuł >
< połączyć rel = „arkusz stylów” href = './styl.css' >
< meta odpowiednik http = „Zgodny z X-UA” treść = 'tj.=krawędź' >
< / głowa >
< ciało >
< h1 > Szablon startowy HTML < / h1 >
< / główny>
< scenariusz źródło = „index.js” >< / scenariusz >
< / ciało >
< / HTML >
Postępuj zgodnie z poniższą demonstracją, aby uzyskać wiedzę na temat tagów/elementów dostępnych w szablonie startowym HTML:
Znacznik
„ Znacznik ” zawiera dane o typie pliku i mówi przeglądarce, jak go renderować. Ten tag bardzo pomaga w optymalizacji pod kątem wyszukiwarek, dostarczając informacji o tym, która wersja HTML jest używana do budowy strony internetowej. Jeśli w pliku HTML brakuje tego znacznika, przeglądarka internetowa może zachowywać się nieoczekiwanie lub wyświetlać nieprawidłowe elementy.
Znacznik
„ ” jest wymaganym elementem i działa jak kontener dla wszystkich elementów HTML. Jest to element główny, co oznacza, że wszystkie inne elementy muszą być umieszczone wewnątrz, aby działały poprawnie. Znacznik ten może być wykorzystany do zdefiniowania struktury i zawartości strony internetowej oraz pomocy w określeniu metadanych dotyczących dokumentu. Korzystanie z jego „ Tylko ” można ustawić język strony HTML:
< HTML Tylko = 'W' >// kod
< / HTML >
W powyższym fragmencie kodu język strony HTML jest ustawiony na „ język angielski ”.
Znacznik „”.
Informacje o stronie internetowej są wstawiane w „
// wstawić kod Tutaj
< / głowa >
Tagi
Znacznik udostępnia metadane dotyczące dokumentu HTML, takie jak zestaw znaków, słowa kluczowe i opis strony. Odgrywa istotną rolę w optymalizacji silnika przeglądarki. Zapewnia, że przeglądarka internetowa poprawnie wyświetla tekst przy użyciu odpowiednich standardów kodowania. Służy również do ustawiania słów kluczowych i opisu związanych ze stroną HTML:
< meta ... / > Znacznik
„
Po wykonaniu powyższego wiersza kodu wewnątrz „
Powyższe dane wyjściowe pokazują, że fikcyjne dane podane w „
Znacznik
Ten znacznik służy do łączenia plików HTML z innymi plikami w celu dziedziczenia lub używania stylów lub metod w pliku HTML. Inne pliki mogą być plikami CSS utworzonymi przez programistę lub niektóre sieci CDN frameworków CSS, takie jak Bootstrap lub Tailwind itp. Jest szeroko stosowany, ponieważ przy jego użyciu linia kodu znacznie się zmniejsza i zapewnia gotowe style, które można wykorzystać w plik HTML:
< połączyć rel = „arkusz stylów” href = './styl.css' >W powyższym wierszu kodu „ styl.css ” jest łączony z plikiem HTML. Teraz można uzyskać dostęp do klas zbudowanych w pliku „style.css” w celu zastosowania stylów w pliku HTML. Na przykład spróbuj stylizować „ ”, który jest już wstawiony do pliku HTML przy użyciu następujących właściwości CSS:
h1 {rodzina czcionek: Times New Roman;
kolor : ciemnobłękitny;
}
Wstaw powyższy kod w „ styl.css ' plik. Po renderowaniu strona wygląda tak:
Strona internetowa pokazuje, że style są stosowane do elementu HTML z zewnętrznego pliku CSS przy użyciu „ <łącze> ”znacznik.
Znacznik „”.
Podstawowym zastosowaniem tagu
jest umieszczenie całej widocznej zawartości strony internetowej. Obejmuje to wiele tagów, które pomagają wstawiać tekst, obrazy, filmy i inne elementy na stronie internetowej, które składają się na główną zawartość strony internetowej. Można go również wykorzystać do jednoczesnego zastosowania właściwości CSS do strony internetowej. Poprawia również dostępność strony internetowej, włączając znaczniki semantyczne i inne funkcje ułatwień dostępu: < ciało >// Dodaj tutaj elementy HTML
< / ciało >
Znacznik „”.
Aby uzyskać dostęp do funkcji JavaScript w pliku HTML, „