Tato příručka ukazuje, co je úvodní šablona HTML.
Co je HTML Starter Template?
Startovací šablona HTML obsahuje deklaraci , značky ,
a a základní sadu stylů CSS a skriptů JavaScript. Tyto značky poskytují základ pro vytvoření webové stránky, která vývojářům ušetří spoustu času a úsilí.Startovací šablona HTML vypadá takto:
< html prostě = 'v' >
< hlava >
< meta znaková sada = 'UTF-8' >
< meta název = 'výřez' obsah = 'width=device-width, initial-scale=1' >
< titul > Linux < / titul >
< odkaz rel = 'stylesheet' href = './style.css' >
< meta http-ekviv = 'X-UA-kompatibilní' obsah = 'ie=hrana' >
< / hlava >
< tělo >
< h1 > HTML startovací šablona < / h1 >
< / hlavní>
< skript src = 'index.js' < / skript >
< / tělo >
< / html >
Chcete-li získat znalosti o značkách/prvcích dostupných v úvodní šabloně HTML, postupujte podle níže uvedené ukázky:
Značka
' ” obsahuje data o typu souboru a říká prohlížeči, jak jej vykreslit. Tato značka velmi pomáhá při optimalizaci pro vyhledávače tím, že poskytuje informace o tom, která verze HTML se používá k vytvoření webové stránky. Pokud tato značka v souboru HTML chybí, webový prohlížeč se může chovat neočekávaně nebo zobrazovat nesprávné prvky.
Značka
' ” tag je povinným prvkem a funguje jako kontejner pro všechny HTML prvky. Je to kořenový prvek, což znamená, že všechny ostatní prvky musí být umístěny uvnitř, aby správně fungovaly. Tento tag lze použít k definování struktury a obsahu webové stránky a pomoci specifikovat metadata o dokumentu. Pomocí jeho „ prostě ” lze nastavit jazyk HTML stránky:
< html prostě = 'v' >// kód
< / html >
Ve výše uvedeném úryvku kódu je jazyk stránky HTML nastaven na „ Angličtina “.
Značka „“.
Informace o webové stránce jsou vloženy uvnitř „
// vložit kód tady
< / hlava >
Značky
Značka poskytuje metadata o dokumentu HTML, jako je znaková sada, klíčová slova a popis stránky. Hraje zásadní roli při optimalizaci vyhledávače. Zajišťuje, že webový prohlížeč zobrazuje text správně pomocí správných standardů kódování. Používá se také k nastavení klíčových slov a popisu souvisejících se stránkou HTML:
< meta ... / > Značka
'
Po provedení výše uvedeného řádku kódu uvnitř „
Výše uvedený výstup zobrazuje, že fiktivní data poskytnutá uvnitř „
Značka
Tato značka se používá k propojení souborů HTML s jinými soubory, aby se zdědily nebo použily styly nebo metody v souboru HTML. Ostatní soubory mohou být soubory CSS vytvořené vývojářem nebo některé CDN frameworků CSS, jako je Bootstrap nebo Tailwind atd. Je široce používán, protože jeho používáním se značně zmenší řádek kódu a poskytuje předpřipravené styly, které lze použít v soubor HTML:
< odkaz rel = 'stylesheet' href = './style.css' >Ve výše uvedeném řádku kódu je „ styl.css ” se propojuje se souborem HTML. Nyní lze přistupovat ke třídám, které jsou zabudovány v souboru „style.css“, a aplikovat styly v souboru HTML. Zkuste například stylizovat „ ” tag, který je již vložen do souboru HTML pomocí následujících vlastností CSS:
h1 {font-family: times new roman;
barva : tmavě azurová;
}
Vložte výše uvedený kód do „ styl.css “. Po vykreslení webová stránka vypadá takto:
Webová stránka ukazuje, že styly jsou aplikovány na prvek HTML z externího souboru CSS pomocí „
Značka „ “.
Primárním použitím tagu
je obsahovat veškerý viditelný obsah webové stránky. To zahrnuje několik značek, které pomáhají s vkládáním textu, obrázků, videí a dalších prvků na webovou stránku, které tvoří hlavní obsah webové stránky. Lze jej také využít k aplikaci vlastností CSS na webovou stránku najednou. Zlepšuje také přístupnost webové stránky zahrnutím sémantických značek a dalších funkcí usnadnění: < tělo >// Zde přidejte prvky HTML
< / tělo >