Ako vytvoriť stránku HTML

Ak si chcete vytvoriť vlastnú webovú stránku, musíte rozumieť HTML. This article explains how to create an HTML page. Tiež, naučíte sa, ako vytvoriť xml sitemap a ako pridať obrázok a odkaz. Je tiež dôležité vytvoriť xml sitemap, ktoré vám môžu pomôcť zorganizovať vašu stránku a zvýšiť návštevnosť. Ďalším krokom je výber šablóny.

Creating a html page

HTML je značkovací jazyk. Každý prvok webovej stránky je reprezentovaný značkou. Štítok je označený lomenými zátvorkami, a každý prvok má jednu alebo viac značiek. Niektoré prvky vyžadujú iba jednu značku; iné môžu vyžadovať dve. Otvárací a zatvárací štítok má lomku (/). Napríklad, prvok odseku predstavuje značka p. Text medzi úvodnou a záverečnou značkou je text odseku.

Na vytvorenie dokumentu HTML, budete musieť použiť textový editor. Väčšina počítačov má štandardne textový editor. Používatelia systému Windows budú používať Internet Explorer, zatiaľ čo používatelia počítačov Mac môžu používať TextEdit. Na vytvorenie profesionálne vyzerajúcej webovej stránky si môžete nainštalovať efektný textový editor, ale pre vašu prvú stránku HTML, nie je to potrebné. Môžete tiež použiť jednoduchý textový editor a ľubovoľný webový prehliadač. Ak si nie ste istí, ktorý program použiť, skúste si stiahnuť bezplatný editor HTML.

html stránka má dve hlavné časti: telo a hlavu. Časť tela obsahuje skutočný obsah webovej stránky, zatiaľ čo hlavná časť sa používa pre názov a meta informácie. Telo obsahuje všetky ostatné prvky, vrátane obrázkov a inej grafiky. Sekcia hlavičky je miesto na umiestnenie navigačných odkazov. Po dokončení písania tela, ste pripravení vložiť obsah dokumentu. Uistite sa, že používate prvky tela a hlavy, aby ste zabezpečili, že váš web bude dostupný pre každého.

Creating a xml sitemap

If you have an HTML page, možno budete chcieť vytvoriť súbor Sitemap vo formáte XML, ktorý pomôže vyhľadávacím nástrojom prehľadávať vašu webovú lokalitu. Aj keď to neovplyvní vaše hodnotenie vo vyhľadávaní, pomôže to vyhľadávacím nástrojom pochopiť váš obsah a upraviť rýchlosť indexového prehľadávania. Tadiaľto, váš web bude viditeľnejší vo výsledkoch vyhľadávačov. Tu je niekoľko jednoduchých krokov, ako začať:

Vytvorenie HTML sitemap je jednoduché. Všetko, čo musíte urobiť, je vytvoriť jednoduchú tabuľku stránok vášho webu, s odkazmi na každú stránku. Potom v hlavičke alebo päte vytvorte odkaz na túto stránku mapy webu. Tadiaľto, bez ohľadu na to, koľko stránok má váš web, ľudia sa v nich môžu ľahko orientovať. Navyše, na vytvorenie mapy webu nemusíte odosielať SEO.

Keď bude vaša HTML stránka aktívna, odošlite ho do služby Google Search Console. Môžete použiť ľubovoľnú príponu súboru a pomenovať svoju XML sitemapu. Súbor XML sitemap môžete odoslať spoločnosti Google, ale nie je to nutné. Prehľadávače Google sú vo všeobecnosti celkom dobré v objavovaní nového obsahu, a nemusíte im odosielať mapu webu. Môžete ho tiež odoslať do iných vyhľadávačov, to však nezaručuje, že vás Google objaví.

Na vašu webovú stránku nie je potrebné pridávať XML sitemap, ale zvýši to SEO vášho webu. Súbory Sitemap používajú vyhľadávače, aby im pomohli indexovať stránky, ktoré nie sú priamo prepojené s webovou stránkou. Súbory Sitemap tiež pomáhajú zlepšiť dostupnosť multimediálneho obsahu. Pridaním súboru sitemap na váš web môže byť váš web prístupnejší pre roboty vyhľadávacích nástrojov.

Adding a picture

In HTML, môžete pridať obrázok na stránku pomocou značky img. Táto značka obsahuje iba obrázok a jeho atribúty; nevyžaduje uzatváraciu značku. Táto značka obrázka by mala byť vložená do časti tela dokumentu HTML. Okrem šírky a výšky obrazu, mali by ste zahrnúť atribút alt popisujúci obrázok. Alt tag by mal byť napísaný tak, ako keby ste popis písali pre osobu, ktorá ho nevidí.

Pridanie obrázka do dokumentu HTML vyžaduje trochu znalostí CSS a HTML. Veľkosť obrázka a rozlíšenie sú dva z najdôležitejších faktorov, ktoré treba zvážiť. Veľkosť obrázka určí, ako sa zmestí do obsahu dokumentu. Ak chcete použiť iné rozlíšenie alebo pomer strán, môžete tiež skúsiť zmeniť veľkosť obrázka. Avšak, pamätajte, že škálovanie nie vždy funguje tak, ako očakávate.

Dobrým pravidlom na úpravu veľkosti obrázka je zväčšiť jeho šírku. Šírka by mala byť aspoň o jeden pixel menšia ako výška. Ak je obrázok príliš malý na zobrazenie, môžete pridať okraj, a potom ho upravte tak, aby zodpovedal veľkosti obrázka. Môžete tiež upraviť orámovanie obrázka jeho pridaním do atribútu border. Hrúbka okraja je predvolená hodnota, ale môžete ho nastaviť na ľubovoľnú hodnotu. Uistite sa, že obrázok má atribút src.

Adding a link

You can add a link in HTML to your document using an a> tag s atribútom href. Tým sa vytvorí záložka dokumentu a otvorí sa na novej karte. Na vloženie obrázka do dokumentu môžete použiť aj atribút href. Na konverziu tlačidla HTML na odkaz môžete použiť aj prepojenie s kódom JavaScript. Keď to urobíte, svoj odkaz môžete upraviť pomocou kódu CSS alebo JavaScript.

Odkaz je spojenie z jedného webového zdroja s druhým. Skladá sa z dvoch koncov, zdrojová kotva a cieľová kotva. Odkaz môže byť čokoľvek od obrázka po textový súbor. Väčšina sociálnych sietí a webových stránok používa odkazy na nasmerovanie používateľov na konkrétnu adresu URL. HTML možno použiť aj na určenie umiestnenia odkazu. Jeho „a’ atribút vám umožňuje prepojiť prvky kódu s URL.

Pri navrhovaní odkazu, nezabudnite zvážiť, ako vaši návštevníci použijú obsah. Text odkazu by mal byť popisný, aby presne vedeli, čo majú očakávať. Opakovanie rovnakej adresy URL je pre čítačky obrazovky škaredé, a neposkytuje im žiadne užitočné informácie. Čítačky obrazovky tiež informujú používateľov o existencii odkazov tým, že ich upravia v inom štýle alebo podčiarknu. Touto cestou, môžu ľahko nájsť informácie, ktoré potrebujú.

Adding a table

Adding a table to an HTML page is simple, ale je niekoľko vecí, ktoré by ste mali zvážiť predtým, ako to urobíte. Farba pozadia vášho stola je rozhodujúca pre upútanie oka vášho návštevníka a upriamenie pozornosti na dôležité informácie. Pomocou hexadecimálnych kódov farieb alebo názvov farieb môžete nastaviť inú farbu pre prvok hlavičky tabuľky a prvok údajov. Tak aj tak, váš stôl bude ľahko viditeľný.

Pomocou prvku td môžete pridať hlavičku tabuľky a údaje tabuľky, ktorý definuje jednotlivca “krabice” pre obsah. Pridanie hlavičky tabuľky je prvým krokom k zobrazeniu údajov na webovej stránke, a ak chcete, mali by ste pridať prvý. Tabuľka by mala mať aj tri nadpisy riadkov. Jedna hlavička by mala byť prázdna. Ak má vaša tabuľka stĺpce, mali by ste tiež vytvoriť hlavičky riadkov pre každý stĺpec.

Do tabuľky môžete pridať aj titulky. Titulok je voliteľný prvok, ktorý popisuje účel tabuľky. Titulky sú tiež užitočné pre dostupnosť. Tabuľka môže obsahovať aj bunky popisujúce skupiny údajov. Konečne, môžete pridať prvok thead na definovanie množiny riadkov a stĺpcov. Oba prvky môžete použiť spolu alebo samostatne. Môžete ich dokonca použiť v kombinácii, ale nadpis je najdôležitejší.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Prvok div je špeciálny kontajner pre text, snímky, a ďalšie prvky. Môžete ho pomenovať akokoľvek chcete a zmeniť jeho atribúty tak, aby vyhovovali vašim potrebám. Môžete tiež pridať triedu alebo okraj na vytvorenie medzery medzi prvkom div a ostatnými prvkami na stránke.

Môžete tiež použiť atribút innerHTML na vloženie kódu do prvku div. Táto metóda akceptuje kód uzavretý v reťazci, a ak nie je v rámci div, obsah bude odstránený. Týmto spôsobom by ste sa mali vyhnúť vkladaniu kódu do prvku div, pretože to môže vystaviť váš web zraniteľnostiam v oblasti skriptovania naprieč webmi. Ak používate skriptovací jazyk, ako je JavaScript, môžete použiť atribút innerHTML.

Div je základná HTML značka používaná na zoskupenie kódu v rámci dokumentu. Môže obsahovať odsek, bloková ponuka, obrázok, audio, alebo dokonca hlavička. Jeho poloha vám umožňuje použiť jednotný štýl a jazyk na rôzne časti stránky. Divs sa najlepšie používajú na označenie sémantiky, ktorá je spoločná pre skupiny po sebe idúcich prvkov. Div by sa mal použiť, keď chcete pridať štýl do sekcie bez toho, aby ste museli prepisovať celú stránku.