- 4.3 az 5-ből 13 szavazat alapján
Ez az, ha a razdel.html fájl ugyanabban a mappában található, mint az index.html fájl. Ha például az oldalak mappájában található, akkor a cím így fog kinézni:
Az összes fájlkód index.html így fog kinézni:
Megnyithatja az index.html fájlt a böngészőben, és kövesse a linket, ennek eredményeként megnyílik új oldal. Ahogy észrevette ez az eset Az oldal megnyitott az aktuális ablakban. Ezt úgy lehetne csinálni, hogy ha rákattint a linkre, az új oldal megnyílik egy új ablakban, hogy ezt a nyitó címkéhez kapja Hozzá kell adnia a célt \u003d "_ blank" attribútum, ez így fog kinézni:
Ezenkívül vannak belső linkek is. A belső linkek az egyiken navigálásra szolgálnak nyílt dokumentum. Ez hasznos lehet, ha például úgy döntött, hogy létrehoz egy nagy dokumentumot, és a tetején, hogy tegye a tartalmat. Vagy csak át kell küldenie egy látogatót az oldal bármely részére.
Tegyük fel, hogy olyan linket kell tennünk, ha rákattintunk arra, hogy a látogató az oldal felső részébe kerüljön. Ehhez az első szót vagy kifejezést ezen az oldalon kell kötni a címkén első szó. Hol idézetekben kell megadni a nevet.
Például az adott oldalra, ahol most vagy, ezt megteheti:
Ezt meghatároztuk a horgonyt, azaz a helyet, ahol a felhasználó esik, amikor rákattint a linkünkre. Most abban a helyben, ahol szükséges, meg kell adnia a linket. Ez így történik:
Ne feledje, hogy itt az idézőjelek, mielőtt a verh szónak egy rácsjelzőnek kell lennie. Ha meg szeretné tekinteni, hogyan működik, kattintson a következő linkre :.
Nem csak a HTML kiterjesztésű fájlokat, hanem más kiterjesztésekkel rendelkező fájlokat is lehet hivatkozni. Ehhez a címsorban regisztrálnia kell a megfelelő fájlnevet és bővítést. Például az archív fájl HTML-hivatkozása így fog kinézni:
Megpróbálhat bármilyen archiválási vagy zenei fájlt másolni egy korábban létrehozott fájlok mappába, és linket ad rájuk. Ebben az esetben, ha rákattint a linkre, a böngésző felajánlja a fájl megnyitását vagy mentését. A cél \u003d "_ blank" attribútum is alkalmazható ezekhez a hivatkozásokra is.
Most fontolja meg, hogy milyen linkek vannak. Vannak abszolút és relatív referenciák megkülönböztetése. Az abszolút linkek olyan hivatkozások, amelyekben a dokumentum teljes címe meg van adva. Az ilyen linkeket a külső hálózati erőforrásokkal való kommunikációra használják. Példa egy ilyen linkre:
http: // - A leggyakoribb protokoll, amely segítségével hozzáférést biztosít a weboldalakhoz, a link így néz ki:
mailo: - e-mail hozzáférési protokoll. Ezt akkor kell használni, ha linket szeretne adni email. A referenciakód a következőképpen íródott:
Ezen protokollok mellett még mindig FTP: // protokoll van, amellyel az FTP ügyfélprogram használatával az FTP-en keresztül továbbítják az FTP-t. És a fájl: // protokoll a helyi számítógépen található oldalra található link megadására szolgál.
A weboldalak létrehozása során többnyire az első két protokollhoz kell kezelnie. És az utolsó dolog, amit figyelembe vehetünk, ennek a leckének részeként, hogyan lehet linket készíteni a képről. Tény, hogy minden nagyon egyszerű. A címkék mellékelt szövegének szövege helyett be kell illesztenie a képcímet. Hogyan kell behelyezni egy képet kaptunk venni a leckét, hogyan kell beszúrni képeket, és azokat elhelyezése HTML-ben.
Mentse el a bal oldalon látható képet abban a mappában, ahol az előzőekben létrehozott fájlok vannak. Most ezt a képet kapjuk. Ehhez az index.html fájlban a következőket kell regisztrálnia:
Az interneten keresztül olyan hatással lehet látni, amikor egy kis kép formájában lévő linkre kattint, egy másik kép betöltődik. Annak érdekében, hogy ilyen hatás legyen, meg kell adnia a nagy kép címét, mint címet a hivatkozásban.
A hiperhivatkozás mind egy webhelyen belül köthet, és adja meg az interneten lévő oldalt. Ha más oldalakra való hivatkozás, akkor mindig az abszolút oldal címét (http://www.site.com/page.html) kell használnia. Ha létrehoz egy linket a webhelyen található oldalon, akkor előnyös a relatív URL (oldal. HTML, katalógus / Page.html) használata. Grafikus hiperhivatkozással emlékezzen arra, hogy néhány grafika nem áll rendelkezésre, ezért győződjön meg róla, hogy tartalmazza a megfelelő szövegelemeket.
Példa:
Hyperlink a HTML oldalakon belül
Néha szükség van hiperhivatkozásra egy oldalon. Például ezen az oldalon, ezek a hivatkozások elején a lecke, amely lehetővé teszi, hogy megtekinthesse egy konkrét kérdést, és az alján a lap - lehetővé teszi, hogy megy a lap tetejére.
Példa:
Postai hiperhivatkozás
Példa:
|
HTML kód: [E-mail védett] |
Kijelző a böngészőben: |
HTML oldalak megnyitása egy új ablakban
A cél attribútum használatával feltölthet egy oldalt egy új böngészőablakban. Ez az attribútum az ablak nevének beállítására szolgál. Az ablak neve szolgáltatási célokra használható. Az oldal megnyitásához egy új ablakban meg kell használnia a _blank állandóját.
Példa:
A szöveg színe hiperhivatkozás
Attribútumok Link, Alink, Vlink Állítsa be a hiperlink betűtípus színét.
A Link attribútum a felhasználó által még nem látogatott hiperhivatkozások kiemelésére szolgál.
A hiperhivatkozásokra való áttérés sorrendje
Néhány böngésző támogathatja az átmeneti funkciót hiperhivatkozások segítségével a Tab billentyűvel. Ebben az esetben az alapértelmezett böngésző kiemeli a hiperhivatkozásokat a következő sorrendben az oldal oldalán. Megváltoztathatja az átmenet sorrendjét a TabIndex tag attribútum segítségével . Annak érdekében, hogy a hiperhivatkozás új átmeneti sorrendbe írjon le, egy bizonyos egész számú pozitív számot kell rendelnie az 1-től 32767-ig terjedő tartományban. A hiperhivatkozás kizárása a listából, bármilyen negatív szám attribútumot kell rendelnie. Ha a felhasználó megnyomja a Tab gombot, a kurzor a legkisebb pozitív indexértékkel mozog a hiperhivatkozáshoz. Ha több hiperhivatkozás van hozzárendelve ugyanazon indexérték, akkor az első kiválasztott, az első kiválasztott, hogy a fenti oldal oldalán található.
Azt kell mondani, hogy a tabindex attribútum más objektumok, például grafikus képek kiválasztására használható.
Utasítás
Hypertext linkek vannak kialakítva, hogy a társult szöveg, kép vagy más oldalelemek más hipertext dokumentumok. Minden helyszínen oldalelemek, beleértve a linkeket, által létrehozott olyan böngészőt, amely megkapja a részletes utasításokat az oldalt az oldal kódját. Ez a kód a HTML-ben (Hypertext Markup Language a "Hypertext Markup Language") "címkék" -ből áll, amely leírja az összes weblap elem típusát, megjelenését és helyét. A szabványos hivatkozás jön létre a böngésző, ha az megfelel az oldal kódja, például egy ilyen címke: a szöveges link a nyitó címke a referencia, amely lezárja. A nyitó címke tartalmazhat további információ - "attribútumok". Ebben az egyszerű link HREF attribútum tartalmazza a címét az oldalt vagy dokumentumot, a kérelmet, amely nem kerül elküldésre, ha a látogató rákattint a linkre. Néha nem kell megadni a teljes címét - ha a kért dokumentum hazugság a szerveren ugyanabban a mappában (vagy beágyazott benne), akkor elegendő megadni csak a neve vagy elérési utat a beágyazott mappát. Ezek az úgynevezett „relatív”, azokat, például úgy: a szöveges link, a MORETEXT.HTML dokumentumot ugyanabban a mappában lesz letölthető a szöveges link. És az abszolút címek linkek kezdődik a protokoll, amely meghatározza például: a szöveges link „HTTP” (Hypertext Transfer Protocol) a szokásos címét a dokumentum a hálózaton. És ha megadja a posto protokollt, a hiperhivatkozás futtatja postai programAz átmenet helyett: e-mail-linkek az FTP szerveren fekvő fájlokhoz való hivatkozásokhoz, az FTP (File Transfer Protocol - "File Transfer Protocol"): Link az archívumhoz
A hiperhivatkozás másik attribútuma, amely azt jelzi, hogy az ablakot letölteni kell Új dokumentumMint a "cél". Ha be tud lépni minden helyes címe a href attribútum, a cél is csak négy értékek: _self - az oldalt le kell tölteni az ugyanabban az ablakban, vagy keretben. "Keretek" Hívja a rész egy részét, amely több részre oszlik; _parent - ha aktuális oldal Maga egy másik ablakból (vagy keretnek) volt betöltve, akkor "szülő" ablak van. És az értéke _parent megköveteli az oldalt, amelyre a link konkrétan meghatározza, hogy betöltésre került ez a szülő ablak _top - egy új oldalt kell tölteni ugyanabban az ablakban. Ha ez az ablak keretekre oszlik, akkor a rendszerindításkor megsemmisül, és az új oldal az egyetlen keret lesz ebben az ablakban; _blank - egy külön ablak nyílik meg a linkre; például: például: például: például:
A link megnyílik egy új ablakban
Lehetőség van arra, hogy hiperhivatkozást végezzen, hogy ne menjen egy másik oldalra, hanem ugyanazon dokumentum bizonyos parcenzára. Ahhoz, hogy adja meg a dokumentum „cél” a HTML kódot, a horgony referencia használják, és a link, a görgetés a dokumentumot, mielőtt hogy a horgony néz ki: utalás az első horgony pseudicately utal horgony nem csak ebben a dokumentumban, de Másokban is: a HTML-kód egy másik dokumentumának egy másik oldalán lévő horgonynak léteznie kell egy ilyen linkhorgonyt a név \u003d "Anchor1" attribútummal.
A hiperhivatkozás nemcsak a szöveg, hanem más oldalelemek is - például képek is. A kép legegyszerűbb címke úgy néz ki, mint ez: 
És így a kép hiperhivatkozásgá vált, a nyitó és záró címkék linkek között kell lezárni:
A hiperhivatkozások a HTML-dokumentumok egyik legfontosabb összetevője. Ez az összetevőnek köszönhető, valamint az internet szokásos kapcsolatai olyan könnyen használhatóak. Megnézzük a legegyszerűbb opciókat, amelyek beillesztik a hiperhivatkozásokat, amelyek segítenek Önnek, mivel a kezdő programozók mastronizálják ezt a leckét.
Hogyan hozzunk létre hiperhivatkozást a HTML-ben?
Az ilyen kód csak a webhelyén dolgozik külső referenciák, Nem fog működni.
< a href=" *** ">***** < /a>
Példa:
< a href="https://сайт/">Magazin hogyan kell mindent megtenni< /a>
A böngészőben így fog kinézni:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Hogyan lehet az alacsony fejű uborka?< /a>
A böngészőben a következőket láthatjuk:
Hogyan lehet létrehozni egy hiperhivatkozást HTML-ben egy külső oldalon?
Külső linkek esetén a kódot egy kicsit meg kell változtatni. Hogy linket hozzon egy másik webhelyre, a kódot használjuk:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">Kapcsolatban vagyunk, hogy "hogyan kell mindent megtenni"< /a>
A mai cikkben a legegyszerűbb módot tekintünk egy weboldal létrehozására. Én azonnal azt akarom mondani ez a módszer nagyon primitív és ma senki sem teremt helyeket hasonló módon, mert ez létezik különleges programok és szolgáltatások.
De ha létrehoznunk kell egy weboldalt, akkor ez a módszer jogosult létezni.
Egy egyszerű webhely létrehozásához szükségünk van egy notepad programra, amely minden számítógépen van.
Nyomja meg a bal alsó sarokban a "Start" gombot, és válassza az "Minden program" lehetőséget. Megtalálunk egy "notebook" -t, és nyissa meg a kettős egérgombot kétszer.
Nyomtassunk valamit.
Például: Hurray! Én tettem a webhelyemet!
Hívjuk az "index.html" fájlt, válassza az "Minden fájl" lehetőséget, és mentse az asztalon.
A mentés után ez az ikon jelenik meg.
Ha megnyitjuk ezt a fájlt, látni fogjuk a létrehozott weboldalt.
A jobb egérgombbal szerkesztéséhez kattintson az ikonra, és válassza a "Megnyitás" -\u003e "Notepad" lehetőséget a helyi menüben.
A módosítások elvégzése után ne felejtse el menteni a fájlt. A fájl megnyitása a böngészőben, látni fogjuk a módosításokat.
Ahhoz, hogy az interneten látható legyen mindenki számára az interneten, le kell töltenie a tárhelyre.
Így teheti meg a legegyszerűbb webes erőforrást.
A webhely képei és hiperhivatkozások díszítése, valamint festékek hozzáadása, a betűméret módosítása, táblázat hozzáadása, stb.
Ezért mentettük a fájlt az extension.html segítségével.
Címkék létrehozásához egy webhelyet a HTML-ben a notebookban
Kezdjük, jó lenne tudni, hogy mi a weboldal oldala.
Ez egy szöveges dokumentum, amelyet a Hypertext Markup Language (HTML) írt.
Hogy megértsük, mit kell ismernie az általános feltételekkel.
A HTML olyan módja annak, hogy olyan dokumentumot jelöljünk meg, amelyet különböző böngészők egyeztetnek, kényelmes és érthető formában. A nyelv bizonyos alapul szerkezeti elemek - Címkék. Segítségük és a HTML kiadása - a dokumentum.
Gyakran használt
A címkék:
- párosított
, én Nyisd ki
, és záró címkék
, . Zárt címke - egy leíró, amelynek jele a slash (/); - páratlan.
A címke fő típusai és célja
- — ez az elem Megadja a böngészőt, hogyan kell értelmezni a dokumentumot. Ez nem kötelező elem, de ajánlott használni annak elkerülése érdekében, hogy az oldal megjelenjen, ha az oldal megjelenik.
- - Ez a címke, amelyből bármely webes dokumentum véget ér.
- < fej.> </ Fej.\u003e - A címke belsejében található fontos információ (Metaadatok, oldal cím, referenciák tervezési stílusok, valamint szkriptek).
- Egy másik pár címke , amely az előzőben található . A böngészőben megjelenő weboldal fejlécének meghatározására szolgál. - Címke kövesse . Ez belül van \u003e Minden olyan információ lesz, amelyet a felhasználó látni fog a böngészőben.
- - Hiperhivatkozások () tervezése. Ez a HTML nyelv egyik legfontosabb eleme.
- - Ennek segítségével szöveges bekezdések készülnek.
- - A vastagságú szöveg kiemelésére szolgál.
,
,
,
,
,
- Pár címkék is, például:
. Segítségük segítségével a szöveg különböző szintű feliratokra osztható, ami lehetővé teszi annak fontosságának meghatározását az egész dokumentumhoz képest.- A címke ellentétes az előzővel - a nem fizetett. Az új karakterláncra való áttérés kijelölésére szolgál.
Valójában a címkék sokkal többek, de elég elégségesek ahhoz, hogy egy egyszerű oldalt hozzanak létre egy notebookon keresztül.
A fentiek alapján az általunk létrehozott oldal a HTML-ben a következő űrlapot veszi:
Így hozzon létre egy webhelyet a HTML-ben a Notepadban egyszerűen.
Videó: "Hogyan készítsünk egy webhelyet 15 perc múlva"
Ahhoz, hogy az oldal vonzóbbá váljon, ne csak, hanem a CSS tanulását is.
