- 4.3 5-st põhineb 13 häält
See on siis, kui razdel.html fail asub samas kaustas index.html-failiga. Kui see asub näiteks kausta leheküljed, näeb aadress selline:
Kõik faili koodi index.html näeb välja selline:
Index.html-faili saate avada brauseris ja järgige linki, kuna tulemus avaneb uus leht. Nagu te märkasin sel juhul Lehekülg avas praeguses aknas. Te saate selle teha nii, et lingil klõpsate uue lehekülje uuele lehele selle avamismärgile uue aknas Te peate lisama sihtmärgi \u003d "_ tühi" atribuut, mida see välja näeb:
Lisaks on olemas ka sisemised lingid. Sisemised lingid on mõeldud navigeerimiseks ühes avatud dokument. See võib olla kasulik, kui te näiteks otsustas luua ühe suure dokumendi ja selle ülaosas sisu panna. Või peate lihtsalt külastaja kiiresti saatma teie lehe osale.
Oletame, et me peame tegema sellise lingi, klõpsates, millele külastaja langeb selle lehe ülemise osa. Selleks esimest sõna või fraasi sellel lehel peab olema märgis märgis esimene sõna. Kui hinnapakkumistes on vaja määrata mis tahes nime.
Näiteks selle lehe jaoks, kus te praegu olete, saate seda teha:
See me määratlesime ankur I.E. koht, kus kasutaja langeb, kui klõpsate meie lingil. Nüüd kohas, kus see on vajalik, peate täpsustama link ise. Seda tehakse sellisena:
Pange tähele, et siin hinnapakkumistel enne Verh Wordi peab olema võre märk #. Et näha, kuidas see toimib, saate klõpsata järgmisel lingil :.
Võite viidata mitte ainult HTML-laiendusega failidele, vaid ka teiste laiendustega failidega. Selleks peate aadressilinkil registreerida vastava faili nime ja laiendamise. Näiteks näeb välja HTML-link arhiivifailile:
Võite proovida ühegi arhiivi- või muusikafaili kopeerida kausta, mis on loodud varem loodud failidega ja annavad neile lingi. Sel juhul, kui klõpsate lingile, pakub brauser faili avamiseks või salvestamiseks. TARGET \u003d "_ tühi" atribuuti saab rakendada ka nendel linkidel.
Nüüd kaaluge, milliseid linke on. Seal on absoluutsed ja suhtelised viited eristavad. Absoluutsed lingid on viited, milles dokumendi täielik aadress on täpsustatud. Selliseid linke kasutatakse väliste võrguressursside suhelda. Sellise lingi näide:
hTTP: // - Kõige tavalisem protokoll, kasutades sellel juurdepääsu veebilehtedele, näeb link selline:
mailto: - e-posti juurdepääsu protokoll. Seda tuleb kasutada, kui soovite lingi anda e-kiri. Viitekood on kirjutatud järgmiselt:
Lisaks nendele protokollidele on veel FTP: // protokoll, mille failid edastatakse FTP kaudu FTP-kliendi programmi abil. Ja faili: // protokolli kasutatakse selleks, et määrata link kohalikus arvutis asuvas leheküljele.
Te peate veebilehtede loomisel enamasti tegelema kahe esimese protokolliga. Ja viimane asi, mida me selle õppetunni osana kaaluda, on see, kuidas link pildist link teha. Tegelikult on kõik väga lihtne. Pildi aadressi sisestamiseks peate silte lisatud silte teksti asemel. Kuidas lisada pildi, mida me loeti õppetundis, kuidas pilte lisada ja muuta need HTML-is positsioneerimiseks.
Salvestage pilt, mida näete vasakul selles kaustas, kus failid enne loodud faile on. Nüüd teeme selle pildi viide. Selleks peate meie index.html failis registreerima järgmised andmed:
Interneti kaudu võite näha sellist mõju, kui klõpsate väikese pildi kujul lingil, laaditakse teine \u200b\u200bpilt. Sellise mõju tegemiseks peate täpsustama suure pildi aadressi lingi aadressina.
Hüperlink võib seonduda lehekülgedele mõlemad ühes kohas ja määrake kõik Interneti lehekülje. Teistele lehtedele viidete ehitamisel peaksite alati kasutama absoluutset lehekülgede aadressi (http://www.site.com/page.html). Kui loote saidi lehele lingi, siis on soovitatav kasutada suhtelist URL-i (leht. HTML, kataloog / Page.html). Tehes graafilise hüperlinki, pidage meeles, et mõni graafika ei ole saadaval, seega lisage kindlasti sobivad tekstielemendid.
Näide:
HyperLink HTML-lehekülgede piires
Mõnikord on vaja teha hüperlingi ühel leheküljel. Näiteks sellel lehel on need hüperlingid õppetunni alguses, võimaldades teil vaadata konkreetset küsimust ja lehe allosas - võimaldab teil minna lehe ülaosale.
Näide:
Post hüperlink
Näide:
|
HTML-kood: [E-posti kaitstud] |
Kuva brauseris: |
HTML-lehekülgede avamine uues aknas
Kasutades sihtmärgi atribuut, saate üles laadida lehe uue brauseri aknas. See atribuut on mõeldud akna nime seadmiseks. Akende nime kasutatakse teenuse eesmärgil. Lehe avamiseks uues aknas peate kasutama _Blank konstantset.
Näide:
Teksti hüperlingi värv
Atribuutide link, ALINK, VLINK Määra HyperLinki fondi värv.
Link atribuuti kasutatakse rõhutada hüperlinke, mida kasutaja ei ole veel külastanud.
Ülemineku järjekord hüperlinkidele
Mõned brauserid võivad toetada üleminekufunktsiooni hüperlinkide abil Tab-klahvi abil. Sellisel juhul rõhutab vaikimisi brauser hüperlinke lehekülje leheküljel nende järgmiste järjekorras. Te saate muuta ülemineku tellimust Tabindexi sildi atribuudi abil . Hüperlingi lubamiseks uue üleminekukorralduse kirjeldavas nimekirjas on vaja määrata teatud täisarvu positiivse arvu vahemikus 1 kuni 32767. Hüperlingi välistamiseks loendist peate määrama mis tahes negatiivse numbri atribuudi. Kui kasutaja vajutab vahekaardi klahvi, liigub kursor hüperlingile väikseima positiivse indeksi väärtusega. Kui mitu hüperlinke on määratud sama indeksi väärtus, esimene valitud üks väljub olema üks lehekülje lehel seisab eespool.
Tuleb öelda, et tabindex atribuuti saab kasutada teiste objektide, näiteks graafiliste piltide valimiseks.
Juhendamine
Hypertext lingid on loodud selleks, et seostada teksti, pildi või muude lehekülgede elemente teiste hüpertekstide dokumentidega. Kõik saidi lehekülje üksused, sealhulgas lingid, on loodud brauseri poolt, kes saab lehekülje koodi lehekülje üksikasjalikke juhiseid. See kood HTML-is (Hypertext Markup keel on "hüperteksti märgistuskeel") koosneb "silte", mis kirjeldavad kõigi veebilehe üksuste tüübi, välimuse ja asukohta. Standardne hüperlink on loodud brauseri poolt, kui see vastab lehekülje koodiga lehekülje koodiga, näiteks sellist sildi: tekstilink on viiteklapp, mis sulgeb. Avamismärgis võib sisaldada lisainformatsioon - "atribuudid". Selles lihtsas lingis sisaldab HREF atribuut lehe või dokumendi aadressi, mille taotlus saadetakse, kui külastaja klõpsab lingile. Mõnikord ei ole vaja täpsustada täielikku aadressi - kui taotletud dokument asub samas kaustas serveris (või selles pesas), siis piisab ainult selle nime või tee sisestatud kaustale. Selliseid nimetatakse "suhteliseks", nad peaksid näiteks: teksti link, moretext.html dokument sama kaustaga alla laadida teksti link. Ja linkide absoluutsed aadressid algavad protokolliga, milles täpsustatakse näiteks: tekstilink "http" (HTTP "(HTTP" (Hypertext Transfer Protocol) on võrgu tavaline aadress võrgustikule. Ja kui täpsustate Mailto protokolli, juhib hüperlink teie postprogrammSelle asemel, et üleminekut: e-posti-lingid linkidele FTP-serveris asuvate failide linkidele, näitavad vastavalt FTP-d (failiedastusprotokoll "): link arhiivile
Teine hüperlingi atribuut, mis näitab, millist akent peaks alla laadima uus dokumentnagu "sihtmärk". Kui saate sisestada mis tahes õige aadressi href atribuut, sihtmärk võib olla ainult neli väärtust: _self - leht tuleb alla laadida sama akna või raami. "Raamid" kutsuvad sektsiooni üheks osaks jagatud mitmeks osaks; _parent - kui käesolev lehekülg Ise laaditi teisest aknast (või raami), seejärel on tal "vanem" aken. Ja väärtus _parent vajab lehele, millele link määrab, laaditi sellesse vanem aknasse; _top - uus leht tuleb alla laadida samasse aknasse. Kui see aken on jagatud raamidesse, siis nad hävitatakse, ja uus leht on selle akna ainus raami; _Blank - lingi jaoks avatakse eraldi aken; näiteks: näiteks: näiteks: näiteks: näiteks: näiteks: näiteks: näiteks:
Link avaneb uues aknas
On võimalus teha hüperlink, et minna teisele lehele, vaid mõnel juhul sama dokumendi alusel. Dokumendi "Sihtkoha" täpsustamiseks HTML-koodis kasutatakse ankur viidet: ja link, kerides dokumendi enne, kui ankur näeb välja: viide esimesele ankur pseudi viidata ankrule mitte ainult käesolevas dokumendis, vaid Ka teistes: ankur teises leheküljed HTML-koodi teise dokumendi peaks olema selline link-ankur nimi \u003d "anchor1" atribuut.
Hüperlink ei pruugi olla mitte ainult tekst, vaid ka teised leheküljed elemendid - näiteks pildid. Lihtsaim tag joonis pildi näeb välja selline: 
Ja nii et pilt on muutunud hüperlingiks, tuleb see lõpetada avamis- ja sulgemismärgiste vahel Lingid:
Hüperlingid on HTML-dokumentide üks tähtsamaid komponente. See on tingitud sellest komponendist, samuti Interneti tavalisi linke on nii lihtne kasutada. Me vaatame lihtsamaid võimalusi, mis sisestavad hüperlinke, mis aitavad teil algaja programmeerijatel seda õppetundi kapten.
Kuidas luua HTML-i hüperlingi?
Selline kood töötab ainult teie saidil välised viited, Ta ei tööta.
< a href=" *** ">***** < /a>
Näide:
< a href="https://сайт/">Magazine Kuidas teha kõike< /a>
Brauseris näeb see välja:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Kuidas teha madala pealkirjaga kurgid?< /a>
Brauseris suudame näha järgmist:
Kuidas luua HTML-i hüperlingi välisele saidile?
Väliste linkide puhul tuleks koodi natuke muuta. Lingi tegemine teisele saidile, me kasutame koodi:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">Me oleme kontaktis "Kuidas teha kõike"< /a>
Tänase artiklis kaalume lihtsamat viisi veebisaidi loomiseks. Ma tahan kohe seda öelda see meetod on väga primitiivne ja täna ei loo keegi saite sarnaselt, sest see on olemas eriprogrammid ja teenused.
Aga kui me peame looma veebilehe, siis sellel meetodil on õigus eksisteerida.
Lihtsa veebilehe loomiseks vajame igas arvutis notepadi programmi.
Vajutage alumises vasakus nurgas nuppu "Start" ja valige "Kõik programmid". Leiame "sülearvuti" ja avame topelt hiire nupu kahekordse topelt.
Olgem trükitud midagi.
Näiteks: Hurray! Ma tegin oma saidi!
Me nimetame faili "index.html", valige "Kõik failid" ja salvestage töölaual.
Pärast salvestamist ilmub see ikoon.
Kui me selle faili avame, näeme me loodud veebilehte.
Meie kirje muutmine hiire parema nupuga klõpsake ikoonil ja valige kontekstimenüüs "Ava" -\u003e "Notepad".
Pärast muudatuste tegemist ärge unustage faili salvestamist. Faili avamine brauseris näeme muudatusi.
Saidile olema nähtav kõigile internetis, peate selle alla laadima hosting.
Seega saate kõige lihtsama veebiressursi teha.
Et kaunistada saidi pilte ja hüperlinke, samuti lisada värvid, muutke fondi suurust, lisage tabel jne, siis peate rakendama HTML-keelt, mis mõistab brauserit.
See on põhjus, miks me salvestasime oma faili laiendamise.html.
Sildid luua saidi HTML sülearvuti
Kõigepealt oleks tore teada, milline on veebisaidi leht.
See on tekstdokument, mis on kirjutatud hüperteksti märgistuse keeles (HTML).
Mõista, mida see peaks olema tuttav üldtingimustega.
HTML on viisi dokumendi märgistamiseks, mida erinevad brauserid on võrdselt tõlgendavad mugavasse ja arusaadavas vormis. Keel põhineb teatud struktuurielemendid - Sildid. Abi ja HTML väljastatakse - dokument.
Sageli kasutatakse
Sildid on:
- paaritud
, s.t. Avama
, ja sulgemismärgid
, . Suletud tag - deskriptor, millel on kaldkriips (/); - ettekirjutus.
Märgistamise peamised tüübid ja eesmärk
- — see element Määrab brauseri dokumendi tõlgendamise brauseri. See ei ole kohustuslik element, kuid seda soovitatakse kasutada seda, et vältida probleeme, mis võivad esineda lehe kuvamise korral.
- - See on sild, millest mis tahes veebidokument lõpeb.
- < pea.> </ Pea.\u003e - selle sildi sees asub oluline teave (Metaandmed, Lehekülje pealkiri, viited disaini stiilidele, samuti skriptidele).
- Teine paari tag , mis asub eelmise sees . See aitab määratleda veebilehe päise, mis kuvatakse brauseris. - Tag järgima . See on sees \u003e Seal on kõik andmed, mida kasutaja brauseris näeb.
- - Serveerib hüperlinke (). See on HTML-keele üks tähtsamaid elemente.
- - selle abiga koostatakse tekst lõigud.
- - Serveerib teksti tõstmiseks rasvases kirjas.
,
,
,
,
,
- on ka sidurid, näiteks:
. Nende abiga saab teksti jagada erinevate tasandite subtiitriteks, mis võimaldab nende tähtsust kogu dokumendi suhtes kindlaks määrata.- Tag on erinevalt eelmisest - tasumata. Seda kasutatakse selleks, et määrata üleminek dokumendi uuele stringile.
Tegelikult on sildid olemas palju rohkem, kuid piisavalt loetletud piisavalt, et luua saidi lihtne lehekülg sülearvuti kaudu.
Eespool öeldu põhjal on meie poolt HTML-is loodud leht järgmine vorm:
Seega luua sait HTML-is Notepadis piisavalt lihtsaks.
Video: "Kuidas teha saiti 15 minutiga"
Lehe atraktiivsemaks muutmiseks ei ole vaja mitte ainult, vaid ka CSS-i õppimist.
