HTML pre začiatočníkov:

Časová os webových technológií


2009

2005

2002

2000

1998

1997

1996

1994

1991

HTML5

AJAX

Webový dizajn bez tabuliek

XHTML1

CSS2

HTML4

CSS1 + JavaScript

HTML2

HTML

Contents

úvod

Ak sa chcete stať správcom webu a naučiť sa, ako vytvoriť webovú stránku, možno sa vám zdá, že vyhliadky na zvládnutie HTML sú dosť skľučujúce..

Tomu sa však nemožno vyhnúť, pretože veľká väčšina vstupných stránok na webové stránky, ktoré navštívite, bude napísaná a štruktúrovaná pomocou prvkov HTML. V skutočnosti je HTML teraz používa viac ako 74% všetkých známych webových stránok, tento jazyk tiež pomáha vylepšiť všetko od dizajnu vašej stránky až po kvalitu obsahu, ktorý obsahuje.

V tejto príručke preskúmame základné princípy HTML a jeho potenciálne aplikácie, predtým, ako sa pozrieme na príklady jednotlivých prvkov, ktoré používate pri kódovaní svojej webovej stránky..

Čo je to HTML?

Percentuálny podiel webových stránok používajúcich rôzne podkategórie HTML

rôzne podkategórie percenta HTML

Jednoducho povedané, HTML predstavuje štandardný značkovací jazyk na vytváranie webových stránok online. Je to skratka pre jazyk Hyper Text Markup Language a jeho prvoradou funkciou je vytvorenie štruktúry, rozloženia a prezentácie jednotlivých vstupných stránok. Aj keď webové prehliadače priamo nezobrazujú jazyk HTML, hrá kľúčovú úlohu pri vytváraní viditeľného, ​​prístupného a ľahko použiteľného webu..

HTML je podporené aj niekoľkými jednotlivými prvkami, ktoré postupne vytvárajú webové stránky, štruktúrujú prezentáciu obsahu a oživujú vaše webové stránky. Tieto prvky sú vytvorené a obsiahnuté v „značkách“, ktoré definujú alternatívne časti obsahu, ako sú nadpisy, odseky a podobné príklady..

Tieto prvky a ich konštrukciu podrobnejšie preskúmame nižšie a zároveň sa zameriame na to, ako sa dajú prispôsobiť, aby na vaše webové stránky mohli uviesť farbu, odkazy a variabilnú typografiu..


Kde sa používa HTML?

Populárne webové stránky používajúce HTML

Kde sa používa HTML

Ako vidíme, najbežnejšou aplikáciou pre HTML je návrh jednotlivých vstupných stránok, ktoré tvoria váš web. Toto nie je jediná aplikácia populárneho kódovacieho nástroja, avšak porozumenie jeho ďalším použitiam vám pomôže získať čo najviac z jazyka ako nového správcu webu.. Tu je niekoľko ďalších spôsobov použitia HTML:

  • Vytvorte prispôsobiteľné prvky v rámci existujúcej stránky

    Ak máte v úmysle povoliť na svojich webových stránkach komentáre blogových príspevkov alebo obsah publikovaný používateľmi, môžete to povoliť pomocou fragmentov kódu HTML. Tieto prvky umožnia používateľom zdôrazniť kľúčové slová, vložiť odkazy a formátovať komentáre v závislosti od obmedzení, ktoré ste zaviedli ako moderátori..

  • Vytvorte ďalší obsah pre e-mail

    E-mail tiež používa HTML ako jazyk pre multimediálne správy, ktoré obsahujú odkazy, text a celý rad ďalších prvkov, ktoré nemôžu byť uvedené iba v obyčajnom texte. Ak teda chcete zdieľať e-knihy, ktoré sa týkajú vašej webovej stránky prostredníctvom e-mailu, môžete na optimalizáciu dopadu vašej správy využiť HTML..

  • Pochopte dokumenty pomocníka offline, ktoré sú nainštalované vo vašom počítači

    Zaujímavé je, že HTML sa používa ako formát pre pomocné dokumenty založené na počítači, ktoré sú prístupné offline. Základné znalosti HTML vám preto môžu pomôcť porozumieť problémom s hardvérom a rýchlejšie ich vyriešiť, čo zase môže zaistiť, že budete môcť rýchlejšie obnoviť svoje webové stránky v prípadoch, keď je offline..

HTML a CSS
Zobraziť HTML a CSS [Cheat Sheet]

Štruktúra stránky HTML

</strong><br/> <strong>
Obsah stránky

Prvky html, head a body sú súčasťou špecifikácie HTML od polovice 90. rokov a až do pár rokov boli primárnymi prvkami používanými na vytvorenie štruktúry dokumentov HTML..
V posledných rokoch sa však situácia dramaticky zmenila, pretože HTML5 pridal množstvo nových značiek, ktoré je možné použiť na pridanie bohatého sémantického významu do štruktúry dokumentu HTML..

Dokumenty HTML sa musia začínať vyhlásením o type dokumentu (neformálne, „doctype“). V prehliadačoch typ súboru pomáha definovať režim vykresľovania. HTML5 nedefinuje DTD; preto je v HTML5 deklarácia doctype jednoduchšia a kratšia.


Predtým, ako budete môcť zostaviť html stránku, potrebujete základné informácie.

Spravidla bude stránka pozostávať z troch štruktúrnych prvkov:

1. Hlavička: Hlavička obsahuje obsah relevantný pre všetky stránky na vašom webe, napríklad logo alebo názov webovej stránky a navigačný systém. Hlavička sa zobrazuje na každej stránke.

2. Hlavné telo: To zaberá najväčšiu oblasť na webovej stránke. Obsahuje obsah špecifický pre prezeranú stránku.

3. Päta: Obsah päty zvyčajne obsahuje kontaktné informácie, dodaciu adresu alebo právne oznámenia. Pätička sa rovnako ako hlavička zobrazuje na každej stránke, je však umiestnená v spodnej časti.

Ako vyzerajú tieto základné štrukturálne prvky, keď sa spájajú:


Sem môžete vložiť text alebo kód, napríklad
Kód sledovania Google Analytics pre
príklad.

Hlavné telo vašej stránky ide
tu. Vyplňte ho textom a obrázkami!

Tu je ďalší príklad, ktorý používa značky záhlavia a značky odseku na estetickú štruktúru obsahu. Navyše sme vložili značku päty pre obsah pod hlavné telo stránky:


Sem môžete vložiť text alebo kód, napríklad
Kód sledovania Google Analytics pre
príklad.

Moja prvá položka

Vitajte na stránkach mywebsite!

kontaktné informácie by mohli ísť tu


Značky HTML

Značky HTML

Východiskovým bodom každého kódu HTML sú jednotlivé značky, ktoré sa dajú použiť na vytvorenie všetkých rozhodujúcich prvkov a na pomoc so štruktúrou vašich webových stránok. Nižšie sa pozrieme na najbežnejšie značky predtým, ako preskúmame, ako sa dajú využiť na generovanie konkrétnych prvkov na stránke:

Značky nadpisov

Všetky online dokumenty vrátane webových stránok začínajú nadpisom. Sú konštruované pomocou značiek HTML, pričom jazyk v súčasnosti umožňuje až šesť prvkov s premenlivou veľkosťou, ktoré tiež umožňujú štruktúrovať obsah pomocou ďalších názvov, titulkov a zvýraznených riadkov tučného textu. Ak chcete začať s nadpisom, jednoducho predznačte príslušný text znakom

,

,

,

,

alebo
značka v závislosti od požadovanej veľkosti.
Potom musíte na koniec nadpisu použiť uzatváraciu značku, aby ste text zapuzdrili, a zobrazia sa vo formáte HTML takto:

Existuje 12 kategórií značiek:


Toto je nadpis 1

Toto je nadpis 2

Toto je nadpis 3

Toto je nadpis 4

Toto je okruh 5

Toto je položka 6

Špičkové technológie značiek HTML
zdieľať na webe

0,27%

HTML5
Značka plátna

0,29%

HTML5
Zvuková značka

0,69%

HTML5
Značka videa

3,1%

HTML5
Značka SVG

6,54%

HTML5
Vložiť značku


Po potvrdení sa toto prevedie na nasledujúcu estetiku na vašom webe’vstupná stránka:

Toto je nadpis 1

Toto je nadpis 2

Toto je nadpis 3

Toto je nadpis 4

Toto je okruh 5

Toto je položka 6

Tu je zrejmé, aké sú rôzne veľkosti variabilných nadpisov, ako aj skutočnosť, že prehliadač pridá riadok pred a za nadpis. Všimnite si tiež, že uzatváracia značka na konci nadpisu má trochu odlišnú estetiku, ale pokryje to v nasledujúcej kapitole, keď sa pozrieme na použitie značiek na definovanie konkrétnych prvkov..

Značky odsekov

Video a audio podpora
Zabudnite na prehrávač Flash Player a ďalšie prehrávače médií tretích strán, vďaka ktorým bude vaše video a zvuk skutočne prístupný pomocou nového HTML5

Podobný princíp sa uplatňuje na počiatočné značky odsekov, ktoré sú znázornené pomocou

. To vám umožní štruktúrovať váš obsah a rozdeliť ho na príslušné odseky, čo následne vedie k ľahšiemu a plynulejšiemu čítaniu. Opäť platí, že

Značka by sa mala umiestniť na začiatok príslušného textu pred tým, ako sa na koniec použije alternatívna uzatváracia značka, aby sa efekt dokončil. Na rozdiel od značiek nadpisov však neexistujú žiadne číselné čísla, ktoré by mohli zmeniť veľkosť textu uvedeného v odseku. Napríklad:

Váš prvý odsek

Váš druhý odsek

Váš tretí odsek

Používanie značky HTML5 pomocou webových stránok po celom svete

Krajina
Počet webových stránok
Spojené štáty
140008
Rusko
87508
Nemecko
34519
Spojene kralovstvo
26609
Francúzsko
25697
Japonsko
23578
Taiwan
19798
Ukrajina
19204
Brazília
16773
Čína
16523
Zvyšok sveta
265371

Mimo formátu HTML sa text na vašej dokončenej webovej stránke rozdelí takto:

Váš prvý odsek

Váš druhý odsek

Váš tretí odsek

Značky zalomenia riadku

Prvé príklady predstavujú najzákladnejšie značky HTML, existujú však aj iné spôsoby, ktoré využívajú iný formát a alternatívne zatváranie. Urobte napríklad konce riadkov, ktoré vytvárajú rozlíšenie, v ktorom sú riadky textu prerušené, a pokračujte na nasledujúcom riadku. V oblasti HTML existuje zásadný rozdiel medzi zalomením riadkov a odsekmi, pretože zatiaľ čo sú to štandardné blokové prvky, ktoré obsahujú text, prvý vytvára oddelenie v rámci existujúceho

prvok.

Z tohto dôvodu predstavujú zalomenia riadkov prázdny prvok v HTML, a preto nie sú definované otváracími ani zatváracími značkami. Namiesto toho ich zobrazuje
tag, ktorý je možné vložiť do existujúceho

prvky na rozdelenie textu a potenciálne zvýraznenie dôležitých informácií. Jedno miesto medzi znakom br a lomkou je rozhodujúce, pretože inak sa značka nedá rozpoznať vo formáte HTML.

Tu je príklad:

je výkresová značka na kreslenie HTML5, ktorá vám umožňuje využívať ešte viac možností interaktivity a animácie webu ako predchádzajúce bohaté platformy internetových aplikácií, ako je Flash..
Hry môžete dokonca rozvíjať pomocou HTML5 tag. HTML5 poskytuje skvelý mobilný spôsob, ako rozvíjať zábavnú interaktívnu hru

Dobré ráno

Ďakujeme za váš dopyt, budeme vás kontaktovať, ak budeme potrebovať niečo iné.

S Pozdravom

Pán J ones

Po použití sa text rozdelí takto:

Dobré ráno,

Ďakujeme za váš dopyt, budeme vás kontaktovať, ak budeme potrebovať niečo iné.

S Pozdravom

Pán Jones

Ako vidíte, v existujúcom prvku odseku môžete zalomiť riadky tak často, ako chcete, pokiaľ pridávajú hodnotu a uľahčujú prehľadávanie informácií. Uvidíte tiež, že značky na otváranie a zatváranie odsekov zostávajú nezmenené, pričom značky na konci riadku slúžia na zmenu rozloženia textu zahrnutého v rámci.

Toto je jeden z príkladov, ako možno značky HTML použiť na zmenu existujúcich prvkov, ktoré zohrávajú kľúčovú úlohu pri definovaní vizuálneho rozloženia vašich webových stránok a obsahu..

Horizontálne čiary

Kategórie webových stránok, na ktorých sa používa značka plátna HTML5

Kategórie webových stránok, na ktorých sa používa značka plátna HTML5

Podobne existujú aj ďalšie značky, ktoré sa dajú použiť v rámci

alebo na ďalšie oddelenie textov na svojej webovej stránke. Jedným z najčastejšie používaných je


značka, ktorá pomáha vytvoriť prázdny prvok, ktorý kreslí vizuálnu vodorovnú čiaru medzi alternatívnymi sekciami online dokumentu. Možno budete chcieť napríklad umiestniť čiaru medzi dve časti textu, aby ste čítačku znova zaostrili alebo jednoducho zaviedli nový vizuálny prvok. Takto vytvoríte taký zlom v kóde HTML:

Váš prvý odsek


Váš druhý odsek

V tomto prípade prerušenie medzi znakmi hr a lomkou zvýrazňuje konštrukciu prázdneho prvku, zatiaľ čo na dokončenie efektu nie je potrebná žiadna uzatváracia značka.. Vytvorí sa toto vizuálne:

Váš prvý odsek
________________________________________

Váš druhý odsek

Váš prvý odsek
_______________________

Váš druhý odsek

Mobilné prehliadače plne prijali HTML5, takže vytváranie projektov pripravených pre mobilné zariadenia je rovnako jednoduché ako navrhovanie a konštruovanie ich menších displejov s dotykovou obrazovkou – preto aj popularita responzívneho dizajnu. Existuje niekoľko skvelých metaznačiek, ktoré tiež umožňujú optimalizáciu pre mobilné zariadenia
78% vývojárov obsahu súhlasí s tým, že štruktúra je vhodná na vytváranie mobilných aplikácií, a 68% tvrdí, že je vhodné na navrhovanie všetkých druhov aplikácií.


Značky obrázkov

Obrázkové značky tiež predstavujú prázdne prvky v HTML, čo opäť znamená, že neobsahujú uzatváraciu značku. Keďže obsahujú iba atribúty, ktoré súvisia s adresou URL obrázka, ktorý vkladáte na web, sú jednoducho definované pomocou značka na začiatku prvku. Môžu byť umiestnené kdekoľvek na vašom webe, hoci je nezvyčajné zahrnúť ich do existujúcich prvkov, ako sú odseky alebo nadpisy. Takto sa predstaví typická značka obrázka HTML:

some_text

Mali by ste tiež poskytnúť alternatívny text pre svoj obrázok, ktorý pomáha ľuďom zobraziť ho v prípade pomalého načítania alebo pri použití čítačky obrazovky. Ak prehliadač nedokáže nájsť obrázok, zobrazí divákom hodnotu alternatívneho atribútu. Toto znova používa značku obrázka, ale obsahuje inú sadu atribútov:

 HTML5 Icon

Prvky HTML

html prvky

Predtým sme sa zaoberali tým, ako sa jednoduché značky HTML používajú na definovanie prvkov na stránke, a zároveň skúmame, ako ich možno ďalej prispôsobiť pomocou prázdnych prvkov obsahujúcich značky obrazu a konce riadkov. To nám pomáha porozumieť vzťahu, ktorý existuje medzi značkami a prvkami a ako ich možno použiť na definovanie rôznych typov obsahu na vašej webovej stránke..

Aj keď sú všetky aspekty jazyka HTML reprezentované značkou, definovaný prvok, ktorý obsahuje obsah, musí mať počiatočnú aj koncovú značku. Nadpisy a odseky sú teda prvky HTML, pretože na zapuzdrenie a rozšírenie príslušného textu používajú počiatočné a záverečné značky. Naopak, prázdne prvky buď obsahujú atribúty alebo vôbec neobsahujú žiadny obsah, čo im umožňuje ich použitie v rámci existujúcich prvkov bez potreby uzatváracej značky..

Definovanie prvkov HTML

HTML5 nikam nevedie a čím ďalej tým viac prvkov sa osvojuje, v HTML5 sa začne vyvíjať čoraz viac spoločností

Pri použití príkladov, ako sú nadpisy a odseky, je rozhodujúce správne použitie počiatočných a blízkych značiek. Je to počiatočná značka (napríklad

alebo

), ktorý definuje príslušný prvok, napríklad zatváracia značka zaisťuje, že tento prvok nebude pokračovať po zvyšok webovej stránky. Ak nepoužívate zatváranie napríklad na konci požadovaného odseku sa text objaví v jednom bloku, ktorý je nevzhľadný a extrémne ťažko čitateľný..

Všetky uzatváracie značky sú identické s počiatočnými značkami, okrem skutočnosti, že prvé značky majú pred príslušnými znakmi lomku. Takže v prípade

v hlavičke bude konečná značka , zatiaľ čo pre odseky budete vždy používať definovať zlom v texte. Pri programovaní je potrebné venovať pozornosť detailom a pri programovaní nadpisov je dôležité si uvedomiť, že číslo, ktoré používate (napríklad h1 alebo h2), sa použije v počiatočných aj koncových značkách..

Frekvencia použitia rôznych prvkov HTML

Názov prvku XHTML
hlava
nadpis
html
telo

meta
img
stôl
td
tr
br
p
skript
font
div
b
odkaz
centrum
rozpätie
formulár
vstup
štýl
hr
silný
ja
hl
Ak
noscript
pre
rozloha
ul
vybrať
voľba
h3
h2
rám
rámcov
param
vložiť
em
u
objekt
blockquote
žiadny
rámy
tbody
iframe
malý
h4
základňa
nord






























0
10
20
30
40
50
60
70
80
90
100

Používanie vnorených prvkov HTML

V tejto fáze je zrejmé, že dokumenty HTML a webové stránky sú tvorené stromom rôznych prvkov, ktoré slúžia ako stavebné kamene pre celý rad aktív. Taktiež sme sa zamerali na to, ako sa tieto prvky dajú vytvoriť a použiť na štruktúrovanie obsahu online, a budeme v tom pokračovať aj teraz pri pohľade na vnorené prvky HTML.

Rovnako ako prázdne prvky a samostatné značky (napríklad
môžu byť začlenené do definovaných prvkov HTML, takzvané vnorené prvky môžu byť tiež umiestnené v obsahu, ako sú nadpisy a odseky. Patria sem príklady tučného písania kurzívou a kurzívou a podčiarknutý text, zatiaľ čo sa dajú použiť na zvýšenie osobnosti vášho obsahu a pritiahnutie pozornosti čitateľa ku konkrétnym bodom záujmu..

Tučné písmo, kurzíva a podčiarknutý text v HTML

nechať’s hovoria, že chcete zvýrazniť slovo v existujúcom prvku odseku. Dosiahnete to tučným písmom pomocou jednoduchých značiek v rámci normy

prvok. Pomocou HTML budete programovať nasledovne:

Chcem toto slovo byť tučným.


Vnorený prvok má počiatočnú aj uzatváraciu značku, z ktorých každá má podobný formát ako formát priradený nadpisom a odsekom. Môžu sa bez problémov používať v rámci existujúcich prvkov a v tomto prípade prinesú tieto výsledky:

Chcem toto slovo byť tučným.

Teraz nechajme’Povedzme, že by ste chceli zmeniť aj typografiu tohto slova tak, aby bola aj kurzívou. To možno dosiahnuť jednoducho pridaním ďalšieho vnoreného prvku, ktorý by sa mal takto kódovať:

Chcem toto slovo byť tučným.

Ako vidíte, počiatočné a záverečné kurzívy boli jednoducho začlenené do

prvok. Tým sa teraz zmení obsah v prvku tak, aby sa javil takto:

Názvy HTML boli vždy a zostávajú najdôležitejším signálom HTML, ktorý vyhľadávacie nástroje používajú na pochopenie toho, o čom je stránka. Ak sa vaše tituly HTML považujú za zlé alebo nepopisujúce, spoločnosť Google ich v skutočnosti zmení
Chcem toto slovo byť tučným.

Samozrejme sa môžete rozhodnúť, že by ste toto slovo chceli zvýrazniť iným spôsobom. Preto môžete použiť alternatívny vnorený prvok, napríklad podčiarknutie (ktoré je znázornené pomocou a tagy. Tieto značky sa môžu v rámci systému

prvok, ktorý sa v HTML zobrazuje nasledovne:

Chcem toto slovo, ktoré treba zdôrazniť.

V tomto prípade sa text zobrazí na vašom dokumente alebo na vstupnej stránke takto:

Nové sémantické prvky, ktoré zaviedla HTML5, uľahčia čítanie pre začínajúcich vývojárov. Namiesto toho, aby ste videli riadok za riadkom
a prvky, viac definovaných značiek, napr
,
a
Chcem toto slovo, ktoré treba zdôrazniť.

Toto poskytuje prehľad o elementoch, ktoré môžu byť tvorené značkami, ktoré zase definujú štruktúru vašich webových stránok a obsah, ktorý obsahujú. Nielen to, ale aj prázdne a vnorené prvky sa môžu tiež použiť na ďalšiu definíciu vášho obsahu.

Atribúty HTML

Globálne atribúty sú atribúty spoločné pre všetky prvky HTML; môžu sa použiť na všetky prvky, aj keď atribúty nemusia mať žiadny vplyv na niektoré prvky. Globálne atribúty môžu byť špecifikované na všetkých prvkoch HTML, dokonca aj tých, ktoré nie sú špecifikované v štandarde


Ak sú značky stavebnými kameňmi, ktoré konštruujú a definujú prvky, môžu sa na prispôsobenie ich charakteristík použiť atribúty HTML (napríklad štýl, farba a jazyk. Všetky prvky HTML majú základné atribúty, ktoré poskytujú základné informácie a sú vždy špecifikované v rámci značky stat) Majú tendenciu prichádzať v pároch, takže sa často objavia v nasledujúcom formáte: name =”hodnota.“

Jednoducho povedané, názov predstavuje vlastnosť, ktorú chcete nastaviť, zatiaľ čo hodnota sa týka konkrétnych kritérií, ktoré chcete začleniť..

Na vaše prvky HTML sa dá použiť veľké množstvo atribútov, ale tie, ktoré sú najvýznamnejšie pre začínajúcich webmasterov, sú:

Atribút ‘Lang’

Jediný najzákladnejší atribút, ktorý definuje jazyk dokumentu a jeho prvky. Deklaruje sa pomocou ‘lang’ A hoci je ľahko prehliadateľný, má to výhodu, že je obsah prístupnejší pre čítačky obrazovky a vyhľadávacie nástroje. Zvyčajne sa predloží na začiatku dokumentu v tomto formáte:

Bolo rozpoznaných niekoľko typov základných atribútov vrátane:

požadované atribúty, potrebné pre daný typ prvku, aby tento typ prvku správne fungoval

voliteľné atribúty, Používa sa na zmenu predvolenej funkčnosti typu prvku

štandardné atribúty, podporované veľkým počtom typov prvkov

atribúty udalosti, použité na spôsobenie typov prvkov na špecifikovanie skriptov, ktoré sa majú spúšťať za konkrétnych okolností


Podľa atribútu lang prvé dve písmená určujú jazyk (v tomto prípade angličtinu). Po pomlčke ďalšie dve písmená ustanovujú dialekt, hoci to nebude prítomné pre každý jazyk. Ak chcete úspešne osloviť svoje publikum, je dôležité, aby ste dostali tento atribút.

Atribút „Zarovnať“

Už sme sa dotkli formátu HTML atribútov (name =”hodnota) a najlepšie stelesnenie tejto situácie nastane, keď sa pokúsite zarovnať obsah v rámci svojich prvkov. Môžete sa rozhodnúť centrovať všetky odseky na konkrétnej stránke, napríklad zarovnanie je vlastnosť, ktorú chcete nastaviť. následne, ’centrum’ je hodnota atribútu, aj keď máte na výber zarovnanie textu doľava alebo doprava. Napríklad:

Tento text je zarovnaný na stred

Typy aplikácií vytvorených pomocou HTML5

produktivita
54%
užitočnosť
38%
Spotrebiteľ
35%
LOB
22%
Sociálne siete
18%
zábava
17%
životný štýl
12%
Cestovanie
9%
hry
8%
ostatné
13%

Tým sa zarovná váš

prvkov v strede stránky a vytvorte jednotné rozloženie, ktoré bude vyhovovať špecifickej povahe vašich webových stránok (pozri nižšie):

Tento text je zarovnaný na stred
Tento text je zarovnaný na stred
Tento text je zarovnaný na stred

Atribút Href

HTML5 prichádza aj s množstvom skvelých rozhraní API, ktoré vám umožňujú budovať lepší dojem používateľa a silnejšiu a dynamickejšiu webovú aplikáciu – tu je rýchly zoznam natívnych rozhraní API:
  • Drag and Drop (DnD)
  • Databáza ukladacieho priestoru offline
  • Správa histórie prehliadača
  • Úpravy dokumentov
  • Časované prehrávanie médií

Ak sa chystáte vytvoriť viditeľnú webovú stránku, je dôležité, aby ste zahrnuli prichádzajúce aj odchádzajúce odkazy. Vytvorenie portfólia odkazov, ktoré zahŕňa spätné odkazy na interné vstupné stránky, je tiež životaschopnou stratégiou, takže sa musíte naučiť, ako ich kódovať v HTML.

Odkazy HTML sú definované pomocou značka, ktorá obsahuje cieľový odkaz spolu s pridruženým kotviacim textom, ktorý bude obsahovať adresu URL. Je to ‘href ’ Atribút, ktorý určuje adresu webu, je však súčasťou úvodnej značky. Je kódovaný v HTML nasledovne:

Google

Toto jasne zdôrazňuje rozdiel medzi začiatočnou a uzatváracou značkou a na vašej vstupnej stránke sa preloží nasledovne:

HTML5 nekontroluje jedna spoločnosť. Jednou z jeho najlepších vlastností je skutočnosť, že ide o otvorený štandard. Vývojári majú slobodu nechať svoju kreativitu prúdiť a pridať toľko funkcií a funkcií, koľko len môžu


Atribút „Farba“

Toto je ďalší dôležitý atribút, pretože použitie farby môže vdýchnuť životu vašej webovej stránke a zároveň pomôcť vytvoriť dôležité kontrasty a silný estetický dizajn. V HTML je možné farbu špecifikovať pomocou jej názvu, hoci na dosiahnutie tohto cieľa je možné použiť aj hodnotu RGB alebo HEX. Prvá možnosť je najjednoduchšie nasledovať, ale dá sa použiť aj na nadpisy, odseky a ďalšie prvky na vašej stránke..

Plátno HTML5
Zobraziť plátno HTML5 [Cheat Sheet]

Toto je atribút štýlu, pričom výber farby predstavuje hodnotu, ktorú chcete nastaviť. Napríklad pri použití červenej farby na hlavnú hlavičku bude vyzerať takto:

Farba pozadia nastavená pomocou červenej

Po použití sa tento prvok zobrazí na vašom webe takto:

Farba pozadia nastavená pomocou červenej
V porovnaní s ostatnými prehliadačmi každá aktualizácia prehliadača Google Chrome obsahuje podporu pre HTML5. Predvoleným prehrávačom služby YouTube je teraz HTML5 a reklamy Google Flash sa teraz prevádzajú na HTML5


Opäť je jasné rozlíšenie medzi začiatočnou a uzatváracou značkou, ktorá definuje prvok, zatiaľ čo toto je jeden z najjednoduchších atribútov, ktoré sa dajú použiť v HTML. Ďalej zdôrazňuje názov”hodnotový formát atribútov HTML, čím sa proces učenia a ich uplatňovania na celom vašom webe omnoho ľahší.

Otestujte sa

So základným porozumením HTML a jeho jednotlivých prvkov je ďalším krokom vykonanie niekoľkých jednoduchých projektov a aplikovanie vašich teoretických znalostí na vyriešenie praktických problémov..

Prehliadačom založené aplikácie, ktoré používajú HTML5, nebudú mať problém s použitím geolokácie

V cvičení podrobne opísanom nižšie sme okrem textu uvádzali text a požiadali sme o formátovanie rôznych aspektov pomocou HTML. Pri príprave kódu vlastnej webovej stránky použite sprievodcu a všetko, čo ste sa doteraz naučili.
________________________________________

Hlavička

Vitajte na našej webovej stránke, example.com! Dúfame, že vás baví čítanie nášho obsahu, neváhajte nás kontaktovať.

Ďakujem za návštevu!

Uč sa viac.

Použitie HTML5 vývojármi
(podľa regiónu)

Severná a Latinská Amerika
70%
Južná Amerika
61%
ASPAC
60%
Austrália
60%
Európa
59%
Afrika
50%

________________________________________

otázky:

  1. Doplňte prvok hlavičky správnou uzatváracou značkou.
  2. Zaručte hlavičku.
  3. Pod hlavičku vložte vodorovnú čiaru.
  4. Použite atribút farby a odtieň ‘Ďakujem za návštevu’ v zelenej farbe
  5. Vložte tento hypertextový odkaz (https://www.w3schools.com/html/) do textu ukotvenia “učiť sa
    viac.”
  6. V hornej časti stránky použite názov”formát hodnoty na zarovnanie odsekov doľava


záver

Aj keď bol HTML vytvorený až v roku 1991 (s prvou verziou kódovacieho jazyka, ktorá sa následne začala v roku 1995), rýchlo sa stal kľúčovým nástrojom pri navrhovaní funkčných a vizuálne príťažlivých webových stránok. Úroveň vplyvu HTML sa naďalej vyvíja, pričom najnovšiu iteráciu (HTML5) prijíma rastúci počet webových stránok po celom svete..

V tomto ohľade je učenie sa základných prvkov HTML a ich aplikácia jedným z najdôležitejších krokov pri vytváraní úspešnej, viditeľnej a v konečnom dôsledku konkurencieschopnej webovej stránky..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map