Hyperlink HTML tiek ierakstīts kā piemērs. Hyperlink - Kas tas ir, kā izveidot saiti un ielīmēt HTML kodu (HREF, mērķa tukšu un citu tag atribūti a)

- 4.3 no 5, pamatojoties uz 13 balsīm

Skatīt lapu

Tas ir, ja razdel.html fails atrodas tajā pašā mapē ar index.html failu. Ja tas ir, piemēram, mapē Lapas, adrese izskatīsies šādi:

Skatīt lapu

Visi faila koda index.html izskatīsies šādi:

Mana pirmā lapa Skatīt lapu

Jūs varat atvērt index.html failu pārlūkprogrammā un sekojiet saitei, kā rezultātā atvērsies jauna lapa. Kā jūs pamanījāt Šis gadījums Lapa atvērta pašreizējā logā. To var izdarīt tā, lai, noklikšķinot uz saites, jaunā lapa atvērta jaunā logā, lai atvērtu tagu Jums ir nepieciešams pievienot mērķa \u003d "_ tukšs" atribūts tas izskatīsies šādi:

Skatīt lapu

Turklāt ir arī iekšējās saites. Iekšējās saites ir paredzētas pārvietošanai vienā atvērt dokuments. Tas var būt noderīgi, ja jūs, piemēram, nolēmis izveidot vienu lielu dokumentu, un tā augšdaļā ievietot saturu. Vai jums vienkārši ir nepieciešams ātri nosūtīt apmeklētāju uz jebkuru jūsu lapas daļu.

Pieņemsim, ka mums ir jāveic šāda saite, noklikšķinot uz kura apmeklētājs nonāks šīs lapas augšējā daļā. Šim nolūkam ir jānoslēdz pirmais vārds vai frāze šajā lapā pirmais vārds. Kur citēs nepieciešams precizēt jebkuru nosaukumu.

Piemēram, par šo lapu, kurā jūs tagad esat, jūs varat darīt:

Visas lapas

Tas mēs definēja enkuru I.E., vieta, kur lietotājs kritīs, noklikšķinot uz mūsu saites. Tagad vietā, kur tas ir nepieciešams, jums ir jānorāda saite pati. Tas tiek darīts kā šis:

Ej augšā

Ņemiet vērā, ka šeit pēdējos pirms vārda vārda ir jābūt režģa zīme #. Lai redzētu, kā tas darbojas, jūs varat noklikšķināt uz šādas saites :.

Jūs varat atsaukties ne tikai uz failiem ar HTML paplašinājumu, bet arī uz failiem ar citiem paplašinājumiem. Lai to izdarītu, adreses saitē, jums ir jāreģistrē atbilstošais faila nosaukums un paplašināšana. Piemēram, HTML saite uz arhīva failu izskatīsies šādi:

Lejupielādēt arhīvs

Lejupielādēt melodiju

Jūs varat mēģināt kopēt jebkuru arhīvu vai mūzikas failu uz mapi ar failiem, kas izveidoti agrāk un sniegt saiti uz tiem. Šajā gadījumā, noklikšķinot uz saites, pārlūks piedāvās jums atvērt vai saglabāt failu. Šīm saitēm var piemērot arī mērķa \u003d "_ tukšu" atribūtu.

Tagad apsveriet, kāda veida saites ir. Ir absolūtas un relatīvas atsauces. Absolūtās saites ir atsauces, kurās ir norādīta dokumenta pilnā adrese. Šādas saites tiek izmantotas, lai sazinātos ar ārējiem tīkla resursiem. Šādas saites piemērs:

Portāls tīmekļa pārziņiem

Skatīt lapu

http: // - visizplatītākais protokols, izmantojot to ar piekļuvi tīmekļa lapām, saite izskatās šādi:

Portāls tīmekļa pārziņiem

mailto: - E-pasta piekļuves protokols. Tas jāizmanto, ja vēlaties sniegt saiti uz e-pasta adrese. Atsauces kods ir uzrakstīts šādi:

Lai nosūtītu vēstuli

Papildus šiem protokoliem joprojām ir FTP: // protokols, ar kuru faili tiek pārraidīti, izmantojot FTP, izmantojot FTP klienta programmu. Un fails: // protokols tiek izmantots, lai norādītu saiti uz vietējo datoru, kas atrodas vietējā datorā.

Jūs galvenokārt būs jārisina pirmie divi protokoli, veidojot tīmekļa lapas. Un pēdējā lieta, ko mēs varam apsvērt, kā daļa no šīs nodarbības, ir kā izveidot saiti no attēla. Patiesībā viss ir ļoti vienkāršs. Tā vietā, lai pievienotu tagu tekstu, kas nepieciešams, lai ievietotu attēla adresi. Kā ievietot attēlu, ko mēs uzskatāmi par nodarbību, kā ievietot attēlus un padarīt tos pozicionēšanas HTML.

Saglabājiet attēlu, kuru redzat kreisajā pusē, kurā iepriekš izveidojātie faili ir izveidojuši. Tagad mēs padarīsim šo attēla atsauci. Lai to izdarītu, mūsu index.html failā ir nepieciešams reģistrēt:

Izmantojot internetu, jūs varat redzēt šādu efektu, kad noklikšķinot uz saites neliela attēla formā, ir ielādēts cits attēls. Lai veiktu šādu efektu, ir jānorāda lielā attēla adrese kā adrese saitē.

Hipersaite var saistīt lapas gan vienā vietnē, gan norādīt jebkuru lapu internetā. Veidojot atsauci uz citām lapām, vienmēr jāizmanto Absolute Page Adrese (http://www.site.com/page.html). Ja izveidojat saiti uz lapu vietnē, tad ir ieteicams izmantot relatīvo URL (lapu. HTML, katalogs / page.html). Veicot grafisko hipersaiti, atcerieties, ka dažas grafikas nav pieejamas, tāpēc pārliecinieties, ka iekļaujiet atbilstošos teksta elementus.

Piemērs:

Hipersaite HTML lapās

Dažreiz vienā lapā ir nepieciešams veikt hipersaiti. Piemēram, šajā lapā, tās ir hipersaites sākumā nodarbības, ļaujot jums apskatīt konkrētu jautājumu, un lapas apakšā - ļauj doties uz lapas augšdaļu.

Piemērs:

Pasta hipersaite

Piemērs:

HTML kods:


[E-pasts aizsargāts]

Displejs pārlūkā:


Atverot HTML lapas jaunā logā

Izmantojot mērķa atribūtu, varat augšupielādēt lapu jaunā pārlūkprogrammas logā. Šis atribūts ir paredzēts, lai iestatītu loga nosaukumu. Loga nosaukums tiek izmantots pakalpojumu vajadzībām. Lai atvērtu lapu jaunā logā, jums ir nepieciešams izmantot _blank nemainīgu.

Piemērs:

Teksta krāsa hipersaite

Atribūti saite, Alink, Vlink Iestatiet hipersaites fonta krāsu.

Saites atribūts tiek izmantots, lai izceltu hipersaites, kuras lietotājs vēl nav apmeklējis.

Pārejas uz hipersaites

Dažas pārlūkprogrammas var atbalstīt pārejas funkciju, izmantojot hipersaites, izmantojot cilnes taustiņu. Šādā gadījumā noklusējuma pārlūks izceļ hipersaites secībā pēc lapas lapā lapas. Jūs varat mainīt pārejas secību, izmantojot Tabindex Tag atribūtu . Lai iespējotu hipersaiti uz sarakstu, kurā aprakstīts jauns pārejas rīkojums, diapazonā no 1 līdz 32767. Lai izslēgtu hipersaiti no saraksta, jums ir nepieciešams piešķirt jebkuru negatīvu numuru atribūtu. Kad lietotājs nospiež cilnes taustiņu, kursors pārvietojas uz hipersaiti ar mazāko pozitīvo indeksa vērtību. Ja vairāki hipersaites tiek piešķirtas tāda pati indeksa vērtība, pirmais izvēlētais izvēlējais būs tāds, kas atrodas iepriekš minētās lapas lapā.

Jāsaka, ka Tabindex atribūtu var izmantot, lai izvēlētos citus objektus, piemēram, grafiskos attēlus.

Instrukcija

Hiperteksta saites ir paredzētas teksta, attēla vai citu lapu elementu asociētai ar citiem hiperteksta dokumentiem. Visi vietņu lapu vienumi, tostarp saites, tiek izveidoti ar pārlūkprogrammu, kas saņem detalizētus norādījumus no lapas koda lapas. Šis kods HTML (hiperteksta iezīmēšanas valoda ir "hiperteksta iezīmēšanas valoda") sastāv no "tagiem", kas raksturo visu tīmekļa lapu vienumu tipu, izskatu un atrašanās vietu. Standarta hipersaiti tiek izveidota ar pārlūku, kad tas atbilst lapas kodā, piemēram, šāda atzīme: teksta saite ir atveres atzīme, kas aizveras. Atklāšanas atzīme var saturēt papildus informācija - "atribūti". Šajā vienkāršajā saitē Href atribūts satur lapas vai dokumenta adresi, pieprasījums, uz kuru tiks nosūtīts, ja apmeklētājs noklikšķina uz saites. Dažreiz nav nepieciešams norādīt pilnu adresi - ja pieprasītais dokuments atrodas uz servera tajā pašā mapē (vai ligzdot tajā), tad tas ir pietiekami, lai precizētu tikai tās nosaukumu vai ceļu uz ligzdoto mapi. Šādi tiek saukti par "relatīvi", tām būtu, piemēram, tā: teksta saite, moretixt.html dokuments no tās pašas mapes tiks lejupielādētas teksta saitē. Un Absolūtās adreses saites sākas ar protokolu, norādot, piemēram: teksta saiti "HTTP" (hiperteksta pārsūtīšanas protokols) ir parastā adrese dokumenta tīklā. Un, ja norādāt MailTo protokolu, hipersaite darbosies jūsu pasta programmaTā vietā, lai pārietu uz: e-pasta saites uz saitēm uz failiem, kas atrodas FTP serverī, norādiet, attiecīgi FTP (failu pārsūtīšanas protokols - "Failu pārsūtīšanas protokols"): saite uz arhīvu

Vēl viens hipersaites atribūts, kas norāda, kuru logs ir jāielādē jauns dokumentskā "mērķis". Ja Jūs varat ievadīt jebkuru pareizu adresi HREF atribūtā, mērķim var būt tikai četras vērtības: _self - lapa ir jāielādē tajā pašā logā vai rāmī. "Rāmji" izsauc vienu daļu no sadaļas sadalīts vairākās daļās; _Parent - ja pašreizējā lapa Pati tika ielādēta no cita loga (vai rāmja), tad viņai ir logs "vecāks". Un vērtība _parent prasa lapu, uz kuru saite norādīta, tika ielādēta šajā vecākiem logā; _top - jauna lapa ir jāielādē tajā pašā logā. Ja šis logs ir sadalīts rāmjos, tad pēc boot, tie tiks iznīcināti, un jaunā lapa būs vienīgais rāmis šajā logā; _blank - atsevišķs logs tiks atvērts saitei; piemēram: piemēram: piemēram: piemēram:
Saite atvērsies jaunā logā

Ir iespēja veikt hipersaiti, lai dotos ne uz citu lapu, bet uz kāda konkrētā tāda paša dokumenta diagramma. Lai norādītu dokumentu "Galamērķis" HTML kodā, tiek izmantota enkura atsauce: un saite, ritinot dokumentu pirms tam, ka enkurs izskatās šādi: Atsauce uz pirmo enkuru uz psimikāli attiecas uz enkuru ne tikai šajā dokumentā, bet Arī citās: enkurs citās lapās citā dokumenta HTML kodā vajadzētu pastāvēt tik saite-enkuru ar nosaukumu \u003d "Anchor1" atribūts.

Hipersaite var būt ne tikai teksts, bet arī citas lapu elementi - piemēram, attēli. Vienkāršākais tag zīmējums attēlā izskatās šādi: Un tā, ka attēls ir kļuvis par hipersaiti, tas jānoslēdz starp atvēršanas un aizvēršanas tagiem saites:

Hipersaites ir viens no svarīgākajiem HTML dokumentu komponentiem. Tas ir saistīts ar šo komponentu, kā arī parastās interneta saites ir tik viegli lietojamas. Mēs apskatīsim visvienkāršākās iespējas, ievietojot hipersaites, kas palīdzēs jums kā iesācēju programmētājiem apgūt šo stundu.

Kā izveidot hipersaiti HTML?

Šāds kods darbosies tikai jūsu vietnē Ārējās atsauces, Viņš nedarbosies.

< a href=" *** ">***** < /a>

Piemērs:

< a href="https://сайт/">Žurnāls Kā darīt visu< /a>

Pārlūkā tas izskatīsies šādi:

< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Kā padarīt zemu galviņu gurķus?< /a>

Pārlūkprogrammā mēs varēsim redzēt:

Kā izveidot hipersaiti HTML uz ārējo vietni?

Ārējām saitēm, kods ir jāmaina mazliet. Lai izveidotu saiti uz citu vietni, mēs izmantojam kodu:

< a href="*** ">***** < /a>

< a href="https://vk.com/kaksdelatvse">Mēs esam sazinājušies ar "Kā darīt visu"< /a>

Mūsdienu rakstā mēs izskatīsim vieglāko veidu, kā izveidot tīmekļa vietni. Es uzreiz to teikt Šī metode ir ļoti primitīvs, un šodien neviens nerada vietnes līdzīgā veidā, jo tam ir Īpašas programmas un pakalpojumi.

Bet, ja mums ir nepieciešams izveidot tīmekļa lapu, tad šī metode ir tiesības pastāvēt.

Lai izveidotu vienkāršu vietni, mums ir nepieciešama Notepad programma, kas atrodas katrā datorā.

Nospiediet apakšējā kreisajā stūrī uz pogas "Start" un izvēlieties "Visas programmas". Mēs atrodam "piezīmjdatoru" un atveriet dubulto peles pogu dubultā.

Izdrukāsim kaut ko.

Piemēram: Hurray! Es izveidoju savu vietni!

Mēs saucam failu "index.html", izvēlieties "Visi faili" un ietaupīt darbvirsmā.

Pēc saglabāšanas parādās šī ikona.

Ja mēs atvērsim šo failu, mēs redzēsim tīmekļa lapu, kuru mēs izveidojām.

Lai rediģētu mūsu ierakstu ar peles labo pogu, noklikšķiniet uz ikonas un izvēlieties "Atvērt Izmantojot" -\u003e Notepad "konteksta izvēlnē.

Pēc izmaiņu veikšanas neaizmirstiet saglabāt failu. Atverot failu pārlūkā, mēs redzēsim izmaiņas.

Uz vietni ir redzams ikvienam internetā, jums ir lejupielādēt to hosting.

Tādējādi jūs varat padarīt vienkāršāko tīmekļa resursu.

Lai izrotātu vietni ar attēliem un hipersaitēm, kā arī pievienotu krāsas, mainītu fonta lielumu, pievienotu tabulu utt., Jums būs jāpiemēro HTML valoda, kas sapratīs pārlūkprogrammu.

Tāpēc mēs saglabājām mūsu failu ar paplašinājumu.html.

Tags, lai izveidotu vietni HTML piezīmjdatorā

Lai sāktu ar, būtu patīkami zināt, kāda ir tīmekļa vietnes lapa.

Šis ir teksta dokuments, kas rakstīts hiperteksta iezīmēšanas valodā (HTML).

Lai saprastu, kas būtu jāzina ar vispārējiem noteikumiem.

HTML ir veids, kā atzīmēt dokumentu, kas ir vienlīdz interpretēts ar dažādām pārlūkprogrammām ērtā un saprotamā veidā. Valoda ir balstīta uz noteiktu strukturālie elementi - tagi. Ar savu palīdzību un HTML ir izsniegts - dokuments.

Bieži izmanto

Tags ir:

  • pārī savienots
    , t.i. Atvērt , un aizverot tagus
    , . Slēgts tag - deskriptors ar slash zīmi (/);
  • nepārspējams.

Galvenie tag veidi un mērķis

Faktiski tagi pastāv daudz vairāk, bet uzskaitīti pietiekami daudz, lai izveidotu vienkāršu vietnes lapu, izmantojot piezīmjdatoru.

Pamatojoties uz iepriekš minēto, lapa izveidota ar mums HTML, veiks šādu formu:

Tādējādi izveidojiet vietni HTML NOTEPAD pietiekami vienkārša.

Video: "Kā padarīt vietni 15 minūšu laikā"

Lai padarītu lapu pievilcīgāku ne tikai, bet arī mācīties CSS.