- 4.3 z 5 na základe 13 hlasov
Toto je, ak súbor RAZDEL.HTML leží v rovnakom priečinku s súborom index.html. Ak leží napríklad v priečinku stránok, adresa bude vyzerať takto:
Všetky súborové kód index.html bude vyzerať takto:
Index.html súbor môžete otvoriť vo vašom prehliadači a postupujte podľa odkazu nová stránka. Ako ste si všimli tento prípad Stránka bola otvorená v aktuálnom okne. Môžete to urobiť tak, že keď kliknete na odkaz, nová stránka bola otvorená v novom okne pre tento otvor do otváracej značky Musíte pridať cieľ \u003d "_ prázdny" atribút, ktorý bude vyzerať takto:
Okrem toho existujú aj interné odkazy. Vnútorné odkazy sú určené na navigáciu v rámci jedného otvorený dokument. Môže to byť užitočné, ak ste sa napríklad rozhodli vytvoriť jeden veľký dokument, a na vrchole, aby ste obsahovali obsah. Alebo stačí rýchlo poslať návštevníka na ľubovoľnú časť vašej stránky.
Predpokladajme, že musíme urobiť takýto odkaz kliknutím na ktoré návštevník spadne do hornej časti tejto stránky. Na tento účel musí byť na tejto stránke uzavreté prvé slovo alebo fráza na tejto stránke prvé slovo. Kde v úvodzovkách je potrebné špecifikovať akýkoľvek názov.
Napríklad pre túto stránku, kde ste teraz, môžete to urobiť:
To sme definovali Anchor I.E., miesto, kde bude užívateľ spadnúť, keď kliknete na náš odkaz. Teraz v mieste, kde je to potrebné, musíte špecifikovať samotný odkaz. Toto sa robí takto:
Všimnite si, že tu v citáciách pred verhom slovo musí byť mriežkovým znakom #. Ak chcete zistiť, ako to funguje, môžete kliknúť na nasledujúci odkaz :.
Môžete sa obrátiť nielen na súbory s rozšírením HTML, ale aj na súbory s inými rozšíreniami. Na to, aby ste to na adrese prepojilo, musíte zaregistrovať príslušný názov a rozšírenie súboru. Napríklad HTML odkaz na archívny súbor bude vyzerať takto:
Môžete sa pokúsiť skopírovať archív alebo hudobný súbor do priečinka so súbormi vytvorenými skôr a uveďte odkaz na ne. V tomto prípade, keď kliknete na odkaz, prehliadač vám ponúkne otvoriť alebo uložiť súbor. Target \u003d "_ Blank" atribút môže byť tiež aplikovaný na tieto odkazy.
Teraz zvážte, aký druh odkazov sú. Existujú absolútne a relatívne odkazy rozlišujú. Absolútne odkazy sú odkazy, v ktorých je špecifikovaná úplná adresa dokumentu. Takéto odkazy sa používajú na komunikáciu s externými sieťovými zdrojmi. Príklad takéhoto prepojenia:
http: // - najbežnejší protokol, ktorý používa, ktorý je vybavený prístupom na webové stránky, odkaz vyzerá takto:
mailto: - Protokol prístupu na e-mail. Musí sa použiť, ak chcete dať odkaz e-mail. Referenčný kód je napísaný takto:
Okrem týchto protokolov, stále existuje protokol FTP: //, s ktorými sa súbory prenášajú cez FTP pomocou programu FTP klienta. A súbor: // Protocol sa používa na určenie odkazu na stránku umiestnenú na miestnom počítači.
Pri vytváraní webových stránok sa väčšinou musíte zaoberať prvými dvoma protokolmi. A posledná vec, ktorú môžeme považovať za súčasť tejto lekcie, ako urobiť odkaz z obrázku. V skutočnosti je všetko veľmi jednoduché. Namiesto textu priloženého v značkách musíte vložiť adresu obrázka. Ako vložiť obrázok Boli sme zvažované v lekcii, ako vložiť obrázky a vykonať ich umiestnenie v HTML.
Uložte obrázok, ktorý vidíte vľavo v tomto priečinku, kde sú súbory, ktoré sme vytvorili predtým, sú. Teraz urobíme tento obrázok. Aby ste to urobili, v našom súbore index.html musíte zaregistrovať nasledovné:
Prostredníctvom internetu môžete vidieť takýto účinok, keď keď kliknete na odkaz vo forme malého obrázka, je načítaný iný obrázok. Aby ste urobili takýto účinok, musíte zadať adresu veľkého obrázka ako adresu v prepojení.
Hypertextový odkaz môže viazať stránky v jednej lokalite a zadajte akúkoľvek stránku na internete. Pri budovaní odkazu na iné stránky by ste mali vždy použiť adresu absolútnej stránky (http://www.site.com/page.html). Ak vytvoríte odkaz na stránku v rámci stránky, potom je vhodnejšie používať relatívnu adresu URL (stránky. HTML, katalóg / strana.html). Vytvorením grafického hypertextového odkazu si nezabudnite, že niektoré grafiky nie sú k dispozícii, takže nezabudnite zahrnúť vhodné textové prvky.
Príklad:
Hypertextový odkaz v rámci HTML stránok
Niekedy je potrebné urobiť hypertextový odkaz v jednej stránke. Napríklad na tejto stránke sú tieto hypertextové odkazy na začiatku lekcie, čo vám umožní zobraziť konkrétnu otázku a v dolnej časti stránky - umožňuje ísť na hornú časť stránky.
Príklad:
Poštový hypertextový odkaz
Príklad:
|
HTML kód: [Chránené e-mail] |
Zobrazenie v prehliadači: |
Otvorenie html stránok v novom okne
Pomocou cieľového atribútu môžete nahrať stránku do nového okna prehliadača. Tento atribút je navrhnutý tak, aby nastavila názov okna. Názov okna sa používa na servisné účely. Ak chcete otvoriť stránku v novom okne, musíte použiť konštantu _blank.
Príklad:
Farba textu hypertextového odkazu
Atribúty Link, ALINK, VLINK Nastavte farbu fontu hypertextového odkazu.
Atribút Link sa používa na zvýraznenie hypertextových odkazov, ktoré už užívateľ ešte nenavštívili.
Poradie prechodu na hypertextové odkazy
Niektoré prehliadače môžu podporiť funkciu prechodu pomocou hypertextových odkazov pomocou tlačidla karty. V tomto prípade predvolený prehliadač zdôrazňuje hypertextové odkazy v poradí podľa ich nasledujúceho programu na stránke stránky. Objednávku prechodu môžete zmeniť pomocou atribútu Tabindex Tag . Ak chcete povoliť hypertextový odkaz do zoznamu, ktorý opisuje novú objednávku prechodu, musíte priradiť určité celé číslo kladného čísla v rozsahu od 1 do 32767. Ak chcete vylúčiť hypertextový odkaz zo zoznamu, musíte priradiť atribút záporného čísla. Keď užívateľ stlačí kláves Tab, kurzor sa pohybuje na hypertextový odkaz s najmenšou pozitívnou hodnotou indexu. Ak je niekoľko hypertextových odkazov priradených rovnakou hodnotou indexu, prvá vybraná sa ukáže, že je ten na stránke stránky stojaci.
Treba povedať, že atribút Tabindex možno použiť na výber iných objektov, ako sú grafické obrázky.
Výučba
Hypertextové odkazy sú navrhnuté tak, aby priradili text, obrázok alebo iné prvky stránky s inými hypertextovými dokumentmi. Všetky položky stránky, vrátane odkazov, sú vytvorené prehliadačom, ktorý prijíma podrobné pokyny na stránke kódu stránky. Tento kód v HTML (Hypertext Markup Language je "Hypertext Markup Language") pozostáva z "tagov", ktoré opisujú typ, vzhľad a umiestnenie všetkých položiek webovej stránky. Štandardný hypertextový odkaz vytvára prehliadač, keď sa stretáva v kódovej stránke, napríklad takáto značka: textový odkaz je otvárací značka referencie, ktorá sa zatvára. Úvodná značka môže obsahovať Ďalšie informácie - "Atribúty". V tomto jednoduchom prepojení obsahuje atribút HREF na adrese stránky alebo dokument, požiadavka, na ktorú bude odoslaná, ak návštevník klikne na odkaz. Niekedy nie je potrebné špecifikovať úplnú adresu - ak požadovaný dokument leží na serveri v rovnakom priečinku (alebo vnorenom v ňom), potom stačí zadať iba jeho meno alebo cestu do vnoreného priečinka. Takéto nazývané "relatívne", mali by napríklad tak: textový odkaz, dokument MoreText.html z rovnakého priečinka sa stiahne do textového odkazu. A absolútne adresy odkazov začínajú s protokolom uvedeným, napríklad: textový odkaz "HTTP" (HyperText Transfer Protocol) je obvyklá adresa dokumentu v sieti. A ak zadáte protokol Mailto, hypertextový odkaz spustí váš poštový programNamiesto prechodu na: e-mailové odkazy na odkazy na súbory ležiace na serveri FTP indikuje, ftp (protokol súborov prevodu - protokol "): odkaz na archív
Ďalší atribút hypertextového odkazu, ktorý označuje, ktoré by sa malo okno stiahnuť nový dokumentako "cieľ". Ak môžete zadať akúkoľvek správnu adresu v atribúte HREF, cieľ môže mať iba štyri hodnoty: _ sám - stránka musí byť stiahnutá do rovnakého okna alebo rámca. "Rámy" zavolajte jednu časť sekcie rozdelená do niekoľkých častí; _Porent - ak aktuálna stránka Samotný bol načítaný z iného okna (alebo rámca), potom má "rodičovské" okno. A hodnota _parent vyžaduje stránku, ku ktorej sa odkazuje na odkaz, bol načítaný do tohto materského okna; _Top - nová stránka sa musí stiahnuť do rovnakého okna. Ak je toto okno rozdelené na rámy, potom pri štarte, budú zničené a nová stránka bude jediný rám v tomto okne; _blank - oddelené okno bude otvorené pre odkaz; napríklad: napríklad: napríklad:
Odkaz sa otvorí v novom okne
Je tu možnosť urobiť hypertextový odkaz na inú stránku, ale na nejakom danom grafe rovnakého dokumentu. Ak chcete zadať dokument "Cieľ" v kóde HTML, používa sa odkaz na kotvu: a odkaz, rolovanie dokumentu pred tým, že kotva vyzerá takto: odkaz na prvú kotvu na pseudikuly odkaz na kotvu nielen v tomto dokumente, ale Tiež v iných: kotva na iných stránkach v HTML kód iného dokumentu by mal existovať takýto odkaz-kotva s názvom \u003d "Anchor1" atribút.
Hypertextový odkaz môže byť nielen text, ale aj iné stránky prvky - napríklad obrázky. Najjednoduchší tag kresba obraz vyzerá takto: 
A tak, aby sa obraz stal hypertextovým odkazom, mal by sa uzavrieť medzi prepojením otvárania a zatvárania:
Hypertextové odkazy sú jednou z najdôležitejších komponentov HTML dokumentov. Je to spôsobené týmto zložkou, ako aj obvyklé odkazy internetu je tak ľahko použiteľné. Budeme sa pozrieť na najjednoduchšie možnosti vloženia hypertextových odkazov, ktoré vám pomôžu ako nováčikoví programátori zvládnuť túto lekciu.
Ako vytvoriť hypertextový odkaz v html?
Takýto kód bude pracovať len na vašej stránke externé referencieNebude fungovať.
< a href=" *** ">***** < /a>
Príklad:
< a href="https://сайт/">Časopis, ako urobiť všetko< /a>
V prehliadači bude vyzerať takto:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Ako urobiť nízkopodlažné uhorky?< /a>
V prehliadači budeme môcť vidieť nasledovné:
Ako vytvoriť hypertextový odkaz v HTML na externé miesto?
Pre externé odkazy by sa mal kód zmeniť trochu. Vykonať odkaz na inú stránku, používame kód:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">Sme v kontakte "Ako robiť všetko"< /a>
V dnešnom článku budeme zvážiť najjednoduchší spôsob, ako vytvoriť webovú stránku. Ihneď to chcem povedať táto metóda je veľmi primitívny a dnes nikto nevytvára stránky podobným spôsobom, pretože pre to existujú Špeciálne programy a služby.
Ale ak potrebujeme vytvoriť webovú stránku, táto metóda má právo existovať.
S cieľom vytvoriť jednoduché miesto potrebujeme program Poznámkový blok, ktorý je v každom počítači.
Stlačte v ľavom dolnom rohu na tlačidlo "Štart" a vyberte "Všetky programy". Nájdeme "notebook" a otvoríme dvojité tlačidlo Double Myš.
Poďme si niečo vytlačiť.
Napríklad: Hurá! Urobil som svoju stránku!
Nazývame súbor "index.html", vyberte "Všetky súbory" a uložte na pracovnej ploche.
Po uložení sa zobrazí táto ikona.
Ak otvoríme tento súbor, uvidíme webovú stránku, ktorú sme vytvorili.
Ak chcete upraviť záznam s pravou tlačidlom myši, kliknite na ikonu a v kontextovej ponuke vyberte možnosť "Otvoriť pomocou" -\u003e "Notepad".
Po vykonaní zmien nezabudnite súbor uložiť. Otvorenie súboru v prehliadači, uvidíme zmeny.
Na stránke je viditeľná pre každého na internete, musíte ho stiahnuť na hosting.
Môžete teda urobiť najjednoduchší webový zdroj.
Ak chcete ozdobiť stránku s obrázkami a hypertextovými odkazmi, ako aj pridať farby, zmeňte veľkosť písma, pridajte tabuľku atď., Budete musieť použiť jazyk HTML, ktorý porozumie prehliadači.
Preto sme uložili náš súbor s Extension.html.
Značky vytvoríte stránku na html v notebooku
Ak chcete začať, bolo by pekné vedieť, čo je stránka webovej stránky.
Toto je textový dokument napísaný v jazyku HyperText Markup (HTML).
Pochopiť, čo by malo byť oboznámení so všeobecnými podmienkami.
HTML je spôsob, ako označiť dokument, ktorý je rovnako interpretovaný rôznymi prehliadačmi v pohodlnej a zrozumiteľnej forme. Jazyk je založený na určitých konštrukčné prvky - Tagy. S ich pomocou a HTML je vydaný - dokument.
Často používané
Značky sú:
- spárovaný
, t.j. Otvorené
, a zatváracie značky
, . Uzavretá značka - deskriptor so znakom lomky (/); - neparáda.
Hlavné typy a účel tagu
- — tento prvok Určuje prehliadač, ako interpretovať dokument. Nie je to povinný prvok, ale odporúča sa používať, aby sa zabránilo problémom, ktoré sa môžu vyskytnúť pri zobrazení stránky.
- - Toto je značka, z ktorej každý webový dokument končí.
- < hlavu.> </ Hlavu.\u003e - Vnútri tejto značky sa nachádza dôležitá informácia (Metadáta, názov stránky, odkazy na dizajn štýly, ako aj skripty).
- Ďalšia párová značka , ktorý sa nachádza vo vnútri predchádzajúceho . Slúži na definovanie hlavičky webovej stránky, ktorá sa zobrazí v prehliadači. - Tag nasledovať . Je to vo vnútri \u003e Sú všetky informácie, ktoré používateľ uvidí v prehliadači.
- - slúži na navrhovanie hypertextových odkazov (). Toto je jeden z najdôležitejších prvkov jazyka HTML.
- - S pomocou ním sú vypracované textové odseky.
- - slúži na zvýraznenie textu tučným písmom.
,
,
,
,
,
- Tiež sú párové značky, napríklad:
. S ich pomocou môže byť text rozdelený na titulky rôznych úrovní, čo umožňuje určiť ich význam vo vzťahu k celému dokumentu.- Značka je na rozdiel od predchádzajúcej - neplatená. Používa sa na označenie prechodu na nový reťazec v dokumente.
V skutočnosti, tagy existujú oveľa viac, ale dostatočne uvedené na vytvorenie jednoduchej stránky stránky prostredníctvom notebooku.
Na základe vyššie uvedeného, \u200b\u200bstránka vytvorená nami v HTML bude mať nasledujúci formulár:
Vytvorte teda stránku v HTML v Poznámkový blok dostatočne jednoduchý.
Video: "Ako si vytvoriť stránku za 15 minút"
Ak chcete vytvoriť stránku atraktívnejšiu potrebu nielen, ale aj naučiť sa CSS.
