- 4.3 od 5 na osnovu 13 glasova
Ovo je ako je razdel.html datoteka nalazi u istoj mapi s index.html datotekom. Ako se nalazi na primjer, u mapi stranica, adresa će izgledati ovako:
Svi indeks file Code.html izgledaće ovako:
Možete otvoriti index.html datoteku u svom pretraživaču i slijediti vezu, kao rezultat će se otvoriti nova stranica. Dok ste primijetili ovaj slučaj Stranica se otvorena u trenutnom prozoru. Možete to učiniti tako da kada kliknete na vezu, nova stranica se otvorila u novom prozoru za ovo na otvor Morate dodati cilj \u003d "_ prazno" atribut će izgledati ovako:
Pored toga, postoje i interne veze. Unutarnje veze namijenjene su za navigaciju unutar jedne otvoreni dokument. Ovo može biti korisno ako ste, na primjer, odlučili stvoriti neki veliki dokument, a na vrhu je staviti sadržaj. Ili samo trebate brzo poslati posjetitelja na bilo koji dio vaše stranice.
Pretpostavimo da moramo napraviti takav vezu klikom na koji će posjetitelj pasti u gornji dio ove stranice. Za to se u oznaci mora zaključiti prva riječ ili fraza na ovoj stranici prva riječ. Gdje je u citatima potrebno odrediti bilo koje ime.
Na primjer, za tu stranicu na kojoj ste sada, možete to učiniti:
Ovo smo definirali sidrište I.E., mjesto na kojem će korisnik pasti kada kliknete na našu vezu. Sada na mjestu gdje je potrebno, morate navesti sam vezu. To se radi ovako:
Imajte na umu da ovdje u citatima prije Verh Word mora biti rešetka #. Da biste vidjeli kako funkcioniše, možete kliknuti na sljedeću vezu :.
Ne možete se uputiti samo na datoteke sa HTML ekstenzijom, već i na datoteke s drugim proširenjima. Da biste to učinili, u vezu adresa morate registrirati odgovarajuće ime datoteke i širenje. Na primjer, HTML veza u arhivsku datoteku izgledat će ovako:
Možete pokušati kopirati bilo koju arhivu ili muzičku datoteku u mapu s datotekama kreiranim ranijim i dati vezu na njima. U ovom slučaju, kada kliknete na vezu, preglednik će vam ponuditi da otvorite ili sačuvate datoteku. Target \u003d "_ prazan" atribut se može primijeniti i na ove veze.
Sada razmislite koje su vrste veza. Postoje apsolutne i relativne reference razlikuju. Apsolutne veze su reference u kojima je navedena puna adresa dokumenta. Takve se veze koriste za komunikaciju s vanjskim mrežnim resursima. Primjer takve veze:
http: // - najčešći protokol, koristeći ga pristupu web stranicama, link izgleda ovako:
mailto: - Protokol pristupa e-pošti. Mora se koristiti ako želite dati vezu e-pošta. Referentni kod je napisan na sljedeći način:
Pored ovih protokola, još uvijek postoji FTP: // protokol, s kojim se datoteke prenose putem FTP-a pomoću FTP klijentskog programa. A datoteka: // protokol se koristi za određivanje veze na stranici koja se nalazi na lokalnom računalu.
Uglavnom ćete se morati baviti prva dva protokola prilikom kreiranja web stranica. I posljednja stvar koju možemo razmotriti kao dio ove lekcije, je kako napraviti vezu sa slike. U stvari, sve je vrlo jednostavno. Umjesto teksta priloženih oznaka, morate umetnuti adresu slike. Kako umetnuti sliku razmatrani su u lekciji kako umetnuti slike i učiniti ih pozicioniranjem u HTML-u.
Spremite sliku koju vidite s lijeve strane u toj mapi u kojoj su datoteke koje smo stvorili prije. Sada ćemo napraviti ovu sliku referencu. Da biste to učinili, u našoj index.html datoteci morate registrirati sljedeće:
Kroz internet mogli biste vidjeti takav učinak kada kliknete na vezu u obliku male slike, učitava se druga slika. Da biste napravili takav učinak, morate navesti adresu velike slike kao adresu u vezi.
HyperLink može vezati stranice unutar jedne stranice i navesti bilo koju stranicu na internetu. Kada izgradite referencu na druge stranice, uvijek biste trebali koristiti adresu apsolutne stranice (http://www.site.com/page.html). Ako kreirate vezu na stranicu na web mjestu, poželjno je koristiti relativni URL (stranica. HTML, katalog / stranica.html). Izrađujući grafički hipervezu, zapamtite da neka grafika nisu dostupna, pa budite sigurni da uključite odgovarajuće tekstualne elemente.
Primjer:
Hyperlink unutar HTML stranica
Ponekad je potrebno napraviti hipervezu unutar jedne stranice. Na primjer, na ovoj stranici su to hiperveze na početku lekcije, omogućavajući vam da vidite određeno pitanje, a pri dnu stranice - omogućava vam da pređete na vrh stranice.
Primjer:
Poštanska hiperlink
Primjer:
|
HTML kod: [Zaštićen e-poštom] |
Prikaz u pretraživaču: |
Otvaranje HTML stranica u novom prozoru
Pomoću ciljne atribute možete prenijeti stranicu u novom prozoru preglednika. Ovaj je atribut dizajniran da postavi ime prozora. Naziv prozora koristi se u servisne svrhe. Da biste otvorili stranicu u novom prozoru, morate koristiti Constancu _Bank.
Primjer:
Boja hiperveza teksta
Atributi Link, Alink, Vlink postavi boju hiperveze fonta.
Atribut veze koristi se za označavanje hiperveza koje korisnik još nije posjetio.
Redoslijed prijelaza na hiperveze
Neki preglednici mogu podržati funkciju tranzicije pomoću hiperveza pomoću table kartice. U ovom slučaju, zadani pretraživač ističe hiperveze redoslijedom njihovog sljedećeg na stranici stranice. Možete promijeniti redoslijed tranzicije pomoću atributa tabindex oznake . Da biste omogućili hipervezu u listu koja opisuje novi prijelazni redoslijed, morate dodijeliti određeni pozitivni broj cijelog broja u rasponu od 1 do 32767. Da biste isključili hipervezu sa liste, morate dodijeliti bilo koji atribut negativnog broja. Kada korisnik pritisne tipku Tab, pokazivač se pomiče na hipervezu s najmanjim pozitivnim indeksom. Ako se nekoliko hiperveza dodijeli istu vrijednost indeksa, prvi odabrani će se pokazati da je onaj na stranici stranice koja stoji iznad.
Treba reći da se Atribut Tabindex može koristiti za odabir drugih objekata, poput grafičkih slika.
Uputstvo
HyperText linkovi dizajnirane su za povezivanje elemenata teksta, slike ili druge stranice s drugim hipertekstualnim dokumentima. Sve stavke stranice stranice, uključujući veze, kreiraju pretraživač koji prima detaljna uputstva sa stranice koda stranice. Ovaj kod u HTML-u (Hypertext Markup jezik je "HyperText markup jezik") sastoji se od "oznaka" koji opisuju vrstu, izgled i lokaciju svih stavki web stranica. Standardna hiperveza kreira preglednik kada se na primjer, ispunjava u stranici, na primjer, takva oznaka: Tekstualna veza je uvajanje reference, koja se zatvara. Otvaranje može sadržavati dodatne informacije - "Atributi". U ovoj jednostavnoj vezi, HREF atribut sadrži adresu stranice ili dokumenta, zahtjev kojem će biti poslan ako posjetitelji klikne na vezu. Ponekad nije potrebno odrediti punu adresu - ako se zatraženi dokument leži na poslužitelju u istoj mapi (ili ugniježđenu u njemu), tada je dovoljno odrediti samo njegovo ime ili stazu do neželjenog mape. Takvo se nazivaju "relativno", na primjer, trebali bi: TEKSTVENI LINK, dokument Moretext.html iz iste mape preuzet će se na tekstualnu vezu. A apsolutne adrese veza počinju s protokolom koji određuju, na primjer: Tekstualna veza "HTTP" (Hypertext Transfer protokol) je uobičajena adresa dokumenta na mreži. A ako odredite poštanski protokol, hipervezu će vam pokrenuti poštanski programUmjesto prelaska na: Povezivanje e-pošte na linkove na datoteke koje leže na FTP poslužitelju označavaju, respektivno, FTP (Protokol prenosa datoteke - "Protokol prenosa datoteke"): link do arhive
Drugi atribut hiperveze, koji ukazuje na koji prozor treba preuzeti novi dokumentpoput "cilja". Ako možete unijeti bilo koju ispravnu adresu u atributu Href, cilj može imati samo četiri vrijednosti: _self - stranica se mora preuzeti na isti prozor ili okvir. "Okviri" nazovite jedan dio dijela podijeljen na nekoliko dijelova; _Parent - ako trenutna stranica Sama je učitana iz drugog prozora (ili okvira), a zatim ima "roditeljski" prozor. A vrijednost _Parentta zahtijeva stranicu na koju se veza određuje, učitava se u ovaj roditeljski prozor; _top - nova stranica mora biti preuzeta na isti prozor. Ako se ovaj prozor podijeli na okvire, tada će se uništiti, a nova stranica će biti jedini okvir u ovom prozoru; _Blank - zasebni prozor će se otvoriti za vezu; na primjer: na primjer: na primjer:
Veza će se otvoriti u novom prozoru
Postoji prilika da se hiperveza napravi da ne ide na drugu stranicu, već na određenom zapletu istog dokumenta. Da biste odredili dokument "Destination" u HTML kodu, koristi se referenca sidra: i vezu, pomičući dokument prije nego što je sidro izgleda ovako: referenca na prvo sidro za pseudicinsko, ali u ovom dokumentu, već u ovom dokumentu, već Također u drugima: Sidro na drugim stranicama u HTML kodu drugog dokumenta treba postojati takav sidrište s imenom \u003d "Anchor1" atribut.
Hiperventra ne može biti ne samo tekst, već i druge stranice stranica - na primjer, slike. Najjednostavnija oznaka crtajući sliku izgleda ovako: 
I tako da je slika postala hiperveza, trebala bi se zaključiti između veza otvaranja i zatvaranja:
Hiperveze su jedna od najvažnijih komponenti HTML dokumenata. To je zbog ove komponente, kao i uobičajene veze Interneta tako je jednostavno za upotrebu. Pogledat ćemo najjednostavnije opcije umetnuti hiperveze koje će vam pomoći kao novaci za upravljanje ovom lekcijom.
Kako stvoriti hipervezu u HTML-u?
Takav će kodeks raditi samo na vašoj web lokaciji za vanjske reference, On neće raditi.
< a href=" *** ">***** < /a>
Primjer:
< a href="https://сайт/">Časopis kako sve učiniti< /a>
U pretraživaču će izgledati ovako:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Kako napraviti slabo glave krastavce?< /a>
U pretraživaču ćemo moći vidjeti sljedeće:
Kako stvoriti hipervezu u HTML-u na vanjsku stranicu?
Za vanjske veze, kod treba malo promijeniti. Da biste napravili vezu na drugu stranicu, koristimo kod:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">U kontaktu smo "kako da učinimo sve"< /a>
U današnjem članku ćemo razmotriti najlakši način za stvaranje web stranice. Odmah želim to reći ova metoda je vrlo primitivan i danas niko ne stvara stranice na sličan način, jer za to postoje posebni programi i usluge.
Ali ako trebamo kreirati web stranicu, onda ova metoda ima pravo postojati.
Da bismo stvorili jednostavnu web lokaciju, potreban nam je program Notepad koji je u svakom računaru.
Pritisnite donji lijevi ugao na tipku "Start" i odaberite "Svi programi". Pronalazimo "bilježnicu" i otvorite dvostruku tipku miša duplo.
Hajde da nešto štampamo.
Na primjer: Ura! Napravio sam svoju stranicu!
Nazivamo datoteku "Index.html", odaberite "Sve datoteke" i uštedite na radnoj površini.
Nakon uštede se pojavljuje ova ikona.
Ako otvorimo ovu datoteku, vidjet ćemo web stranicu koju smo stvorili.
Da biste uredili naš unos desnim gumbom miša, kliknite na ikonu i odaberite "Otvori pomoću" -\u003e "Notepad" u kontekstnom meniju.
Nakon izvršenja promjena, ne zaboravite da sačuvate datoteku. Otvaranje datoteke u pretraživaču, vidjet ćemo promjene.
Na web mjesto biti vidljivo svima na Internetu, morate ga preuzeti na hosting.
Dakle, možete napraviti najjednostavniji web resurs.
Za uljepšavanje stranice sa slikama i hipervezama, kao i dodajte boje, promijenite veličinu fonta, dodajte tablicu itd., Morat ćete primijeniti HTML jezik koji će razumjeti pretraživač.
Zbog toga smo spasili našu datoteku sa Extension.html.
Oznake za kreiranje stranice na HTML-u u bilježnici
Za početak, bilo bi lijepo znati što je stranica web stranice.
Ovo je tekstualni dokument napisan na jeziku marke HyperText (HTML).
Da biste shvatili što bi trebalo da bude upoznato sa općim uvjetima.
HTML je način označavanja dokumenta koji su ravnomjerno interpretirani raznim preglednicima u zgodnom i razumljivom obliku. Jezik se temelji na određenim strukturni elementi - Oznake. Uz pomoć i HTML se izdaje - dokument.
Često korišteno
Oznake su:
- uparen
, I.E. Otvoren
, i zatvaranje oznaka
, . Zatvorena oznaka - deskriptor sa znakom kosa (/); - neumorlery.
Glavne vrste i svrha oznake
- — ovaj element Određuje preglednik kako tumačiti dokument. Nije obavezan element, ali preporučuje se upotreba da se izbjegne problemi koji se mogu pojaviti kada se stranica prikazuje.
- - Ovo je oznaka iz koje se završava bilo koji web dokument.
- < glava.> </ Glava.\u003e - Unutar ove oznake se nalazi važna informacija (Metapodaci, naslov stranice, reference na dizajnerski stilovi, kao i skripte).
- Još jedna oznaka para , koja se nalazi unutar prethodne . Služi za definiranje zaglavlja web stranice koja će se prikazati u pretraživaču. - Označiti slijediti . On je unutra \u003e Bit će sve informacije koje korisnik vidi u pretraživaču.
- - Služi za dizajniranje hiperveza (). Ovo je jedan od najvažnijih elemenata HTML jezika.
- - Uz pomoć se izrađuju tekstualni odlomci.
- - Služi za označavanje teksta podebljanim.
,
,
,
,
,
- Također su u paru oznake, na primjer:
. Uz pomoć, tekst se može podijeliti u titlove različitih nivoa, što omogućava određivanje njihove važnosti u odnosu na cijeli dokument.- Oznaka je za razliku od prethodnog - neplaćenog. Koristi se za označavanje prijelaza na novi niz u dokumentu.
U stvari, oznake postoje mnogo više, ali dovoljno nabrojale dovoljno da kreiraju jednostavnu stranicu stranice kroz bilježnicu.
Na osnovu gore navedenog, stranica koju je stvorila SAD u HTML-u, uzeće sljedeći obrazac:
Dakle, stvorite web mjesto u HTML-u u Notepad dovoljno jednostavno.
Video: "Kako napraviti stranicu za 15 minuta"
Da biste napravili stranicu privlačnijom ne samo ne samo, već i naučiti CSS.
