Teraz pár slov o značkách, ktoré sme použili na vytvorenie tejto stránky.
Popis html značiek z príkladu
1. - tieto značky musia byť prítomné na každej webovej stránke. Informujú prehliadače a vyhľadávače, že toto je stránka HTML.
Každá html stránka má nasledujúcu štruktúru:
...
Značky nadpisov
...
... telo stránky ...
2.
- medzi týmito značkami leží celok
viditeľný obsah stránky.
4.
- medzi tieto značky je napísaný názov stránky, ktorý sa zobrazuje úplne hore v prehliadači. Mimochodom, keď niečo hľadáte vo vyhľadávačoch, ako prvé sa zobrazí názov stránky. Tag
často skrátené na „titul“. Odporúčam vám prečítať si článok: ako vytvoriť značku
</p>
<p>Teraz prejdime k tagom, ktoré sú v tele <a href="https://passportbdd.ru/sk/microsoft-excel/skachat-veb-stranicu-html-v-bloknote-primer-sozdaniya-html-stranicy/">html stránky</a>(vnútri <body>A</body>
).</p>
<p>5. <center></center>- tieto značky v nich vycentrujú všetko. V tomto prípade bude stred stredom obrazovky. V budúcnosti sa odporúča prestať používať tieto značky.</p>
<p>6. <h1></h1>je jednou z triedy hlavičkových značiek <h1>..<h6>, ktorý zvyčajne obsahuje názov stránky. Táto stránka má napríklad názov „Príklad vytvorenia html stránky“.</p> Poznámka <p>Tieto značky majú veľkú váhu v hodnotení webových stránok, preto ich treba používať opatrne a rozumne.</p>
<p>Pri tvorbe html kódu je potrebné dodržať jednoduché pravidlo: na prvom mieste musí byť značka title <h1>a potom môžu ísť ďalej <h2>
, <h3>atď. Hlavná vec je, že sa to nestane na začiatku <h2>, Potom <h1>, Potom <h3>a tak ďalej. Musí existovať prísna hierarchia. Nadpisy <h2>
, <h3>a tak ďalej. možno veľa.</p>
<p>7. <br/>je jediná značka, ktorá nevyžaduje uzatváraciu značku. Presunie sa na ďalší riadok. V mojom príklade som napísal dve samostatné značky za sebou, aby som dvakrát preskočil na ďalší riadok.</p>
<p>8. <span><img src='https://i2.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy loading=lazy>
</span> je jediná značka, ktorá zobrazuje obrázok.</p>
<ul><li>src je povinný parameter, ktorý určuje adresu obrázka (namiesto URL_IMAGE musíte zadať adresu, kde je uložený váš obrázok). <br><u>Poznámka</u>:
<ul><li>Ak je obrázok v rovnakom priečinku s vašou html stránkou, potom stačí napísať názov obrázku, inak je potrebné zadať buď absolútnu alebo relatívnu URL;</li>
<li>Nezabudnite zadať príponu obrázka. Napríklad .jpg, .gif, .jpeg.</li>
</ul></li>
<li>alt alebo title - do týchto parametrov môžete napísať popis vášho obrázku. Keď umiestnite kurzor myši na obrázok, zobrazí sa tento popis. Tieto parametre sú dôležité pre propagáciu webu, najmä pri vyhľadávaní obrázkov. Ak sa nepodarilo načítať obrázok, zobrazí sa tento text, čo je tiež plus.</li>
</ul><p>9. <font></font>- tieto značky sú vytvorené na zmenu písma, pozadia, veľkosti atď. Stručne povedané, všetko, čo súvisí s formátovaním textu, je možné nakonfigurovať v jednom tagu. Táto značka má niekoľko atribútov, o ktorých budem diskutovať v samostatnej lekcii.</p>
<p>Poznámka: - podobný štítok.</p>
<p>Existuje aj vlastnosť CSS font, kde môžete nastaviť všetky tieto parametre.</p>
<p>10. - zvýraznenie tučným písmom. Všetko, čo patrí medzi <b>A</b> budú zvýraznené tučným písmom. Ak ho napríklad napíšete na úplný začiatok obsahu a zatvoríte ho na samom konci, celý text na stránke bude zvýraznený tučným písmom. Toto je pomerne bežná značka, ktorej analóg je <strong></strong>
.</p>
<p>Vyhľadávače venujú pozornosť tomuto tagu z hľadiska zvýšenia vplyvu kľúčových slov. Musíte si však dávať pozor, pretože zvýraznenie kľúčových slov tučným písmom bude vždy vnímané ako spam.</p> 15 hlasov <p>Vitajte na stránkach blogu Start-Luck. Dnes by som vám chcel ukázať, ako používať kód. Písanie webových stránok je zaujímavá činnosť, ktorá sa mnohým môže zdať neuveriteľne náročná. V skutočnosti môže byť jednoduchá stránka vytvorená len za 5 minút.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/citata-1-88.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>V tomto článku budem hovoriť o vytvorení html stránky. Túto úlohu zvládneme za menej ako 10 minút a potom sa na hlavné značky pozrieme podrobnejšie. Nazvať takúto publikáciu lekciou by bolo nesprávne. Toto je skôr zárodok, ktorý je navrhnutý tak, aby vám ukázal jednoduchosť práce a dodal vám chuť posunúť sa ďalej, naučiť sa viac, robiť lepšie.</p> <h2><span>Ako vytvoriť stránku</span></h2> <p>Navrhujem, aby ste si prvú stranu urobili do poznámkového bloku. Najjednoduchší, ktorý sa nachádza v ponuke Štart, je priečinok „Príslušenstvo“. Zatiaľ nie je potrebné nič sťahovať. Skúste použiť to, čo máte.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/1-165.jpg' align="center" height="500" width="455" loading=lazy loading=lazy></p> <p>Otvorte dokument.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/2-163.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Vložte do nej tento kód.</p>
<table><tr><td class="code"> <<span>html ></span>
<<span>hlava ></span>
<<span>názov ></span> Moja prvá stránka<<span>/title></span>
<<span>/head></span>
<<span>telo ></span>
<<span>centrum > <h1
>
</span><<span>/h1></
center
>
</span><<span>br/> <br
/
>
</span>
<<span>centrum ></
center
>
</span>
<<span>br/> <br
/
>
</span>
<<span>font style="color:red" ></span><<span>/font></span>
<<span>br/> <br
/
>
</span>
<<span>b></span><<span>/b></span>
<<span>br/> <br
/
>
</span> Dostali sme sa na úplné dno<<span>br/> <br
/
>
</span> Teraz viete trochu viac o štítkoch a môžete ich používať. Skúsme vložiť odkaz na prepojenie viacerých stránok.<<span>br/> <br
/
>
</span>
<<span>hod ></span> Napríklad tu je odkaz na môj blog -<<span>a href = "https://site/" ></span>Štart – šťastie<<span>/a></span>- hovorí jednoducho o „komplikovaných veciach“.<<span>br/> <br
/
>
</span><<span>br/> <br
/
>
</span>
<<span>/body></span>
<<span>/html></span>
</td>
</tr></table><p><html>
<head>
<title>Moja prvá stránka
Vytvorenie stránky je jednoduchšie, ako si myslíte
Mnohí si môžu myslieť, že tvorba webových stránok je náročná, ba priam nemožná. Aby ste to dosiahli, musíte veľa študovať, učiť sa a robiť. V skutočnosti existuje asi 100 značiek, ktoré sa ani nemusíte učiť. Dôležité je len pochopiť, čo a kde sa používa. Informácie si môžete vyhľadať v rôznych cheat sheetoch a časom si značky začnete automaticky pamätať.
Jednoduchý kód vám umožňuje zmeniť text na červenú
Nie je oveľa ťažšie písať tučným písmom
Dostali sme sa na úplné dno
Teraz viete trochu viac o štítkoch a môžete ich používať. Skúsme vložiť odkaz na prepojenie viacerých stránok dohromady..
Dobre, teraz je po všetkom. Vaša prvá stránka je pripravená