Kako narediti povezavo v HTML-ju?

Spletna mesta, bloge, spletne strani so že znani pojmi v našem času. Z razvojem interneta so mesta za postavitev spletnih strani postala neverjetno priljubljena in ni presenetljivo: za nekatere je obstoj spletne strani nujna, za druge - prijetna zabava. V prvem primeru se običajno nanaša na podjetja, korporacije, zasebne podjetnike, kadar oglašujejo kateri koli izdelek ali zahtevajo storitve. V drugem - o blogerjih.

Poleg tega obstajajo uporabniki interneta, ki preprosto iščejo informacije, berejo bloge, gledajo videoposnetke in tako naprej.

Če želite ustvariti kakovostno spletno mesto, obstaja veliko možnosti. Osredotočili se bomo na spletno programiranje prek HTML-ja.

Kaj je HTML?

HTML pomeni oznako za Hyper Text Mark-Up. V angleščini pomeni "hipertekstni označevalni jezik".

Z drugimi besedami, HTML je niz kod, s katerimi lahko ustvarite osnovne elemente spletnega mesta, njen okvir, prav tako kot besede, sestavljene iz besed.

Kode v HTML so napisane izključno z latiničnimi črkami in se imenujejo oznake, vsaka koda pa je zaprta v kotnih oklepajih. Nekatere oznake so par, nekateri pa so nepobarvani.

Seznanjeni pomeni, da jih je treba uporabljati v parih brez neuspeha. Na primer, začetna oznaka označuje, kje začne delovati spletna stran, zapiralna oznaka pa označuje, kje se bo njegovo dejanje končalo. Slednji se od prvega razlikuje po prisotnosti simbola "poševnica" po kotu odpiranja kota. Na primer, - oznaka odpiranja, - zapiranje.

Neuporabljene oznake v "partnerju" ne potrebujejo.

Veliko oznak ima lahko atribute - dodatne elemente, ki jim dajejo nekaj posebnega pomena. Na primer oznaka .

Kje je HTML uporabljen?

Klasično razumevanje, kje je HTML potreben, je ustvarjanje spletnih mest.

V praksi je to lahko zadostno, saj HTML omogoča ustvarjanje osnovnih elementov spletnega mesta, menijev (vključno z več nivojskimi), nastavitve ozadja, vstavljanja besedila, slik, zvoka, videa, urejanja pisav in še veliko več.

Vendar pa obstajajo še drugi jeziki, ki vam omogočajo dodajanje zanimivih in pogosto potrebnih elementov spletne strani:

• CSS nastavi sloge za celotno spletno mesto, ne da bi morali stalno uporabljati oznake za oblikovanje značilnosti posameznih elementov - barve in pisave besedila, na primer.
• skriptni jezik omogoča načrtovanje in vključevanje na vašo spletno stran mini programov (skripte), ki segajo od banalnih estetske stvari (povezav barvnih sprememb, ko se z miško) na funkcionalni (zbira e-poštne naslove kupcev, telefonske številke).
• Z PHP lahko razvijete svojo knjigo gostov ali komentirate.

Prav tako se HTML uporablja za ustvarjanje e-pošte za distribucijo.

Kaj je povezava

Omogočajo vam prehod na drugo spletno stran, tako znotraj kot na zunanji strani.

Povezave HTML se pogosto uporabljajo:

• Če želite odpreti zunanji spletni vir.
• Za navigacijo po straneh znotraj spletnega mesta.
• Pojdite na google-obrazce.

Prav tako je pogosto označena povezava do vira v HTMLu, še posebej, ker je pri kopiranju gradiva z druge strani treba navesti avtorja. V nasprotnem primeru lahko kopiranje brez pripisa pripada opredelitvi kršitve avtorskih pravic, kraje vsebine in neugodnih posledic. Poleg tega uporaba posojenih, neobstoječih materialov zmanjšuje kazalnike SEO in sklicevanje na vir zmanjša tveganja.

Vrste povezav

V klasičnem pomenu je povezava naslov spletnega vira, s katerim lahko kliknete.

Poleg tega obstajajo hiperpovezave: besedilo in slike. V teh primerih se povezava HTML skriva pod katerim koli stavkom (besedo) ali sliko in jo kliknete, morate klikniti besedilo ali sliko.

Druge vrste povezav:

• Brezposelni je povezava, s katero prehod še ni bil opravljen na določeni seji. Če ste na primer včeraj kliknili na to povezavo, potem izklopite računalnik in danes ga znova vklopite, zdaj pa je povezava ponovno prikazana, ker se je začela nova seja.
• Aktivno - v tem stanju je povezava shranjena za zelo kratko obdobje: vrzel med klikom na povezavo in prehodom na to povezavo.
• Obiskan - povezava, ki je že potekala vsaj enkrat v eni seji.

Če gre za vprašanje običajnih besedilnih povezav, obiskani praviloma spreminjajo barvo, če ni bilo drugače določeno.

Slika hiperpovezave ne spremeni izgleda, ne glede na to, ali je obiskana ali ne.

Kako vstaviti redno povezavo

Mnogi spletni viri zaznajo naslov spletnega mesta kot povezavo, takoj ga označite in označite z barvo. Na primer, če je naslov poslan v sporočilu ali po elektronski pošti, s klikom na njega lahko odprete spletno mesto.

V primeru, da spletno mesto sami ustvarite s pomočjo HTML, morate povezavo vstaviti s posebno oznako. To bo videti tako: naslov mesta. Besedilo povezave v HTML je treba v celoti določiti s protokolom.

Kako vstaviti besedilno hiperpovezavo

Pred tem je bilo rečeno, da besedilna hiperpovezava opravlja enako funkcijo kot običajna povezava, vendar izgleda bolj estetična: namesto spletnega naslova, ki je pogosto predolgo, je navedena beseda ali fraza. Na primer, v stavku »Poiščite informacije tukaj« lahko skrijete povezavo v besedi »tukaj«. Označena bo v barvi in ​​ko jo kliknete, bo uporabnik odprl želeno spletno mesto.

Kako je bilo že omenjeno povezavo HTML. Hiperpovezavo z besedilom lahko vstavite z isto oznako. Edina razlika je, da morate določiti besedilo med oznakami, pod katerimi bo skrita povezava: vidno besedilo.

Kako vstaviti sliko hiperpovezave

Tukaj je malo bolj zapleteno. Uporabljamo isto oznako, namesto besedila pa moramo določiti pot do slike.

Pot je lokacija slike. Če je slika (fotografija) na gostovanju datotek, morate po poševnici določiti vse mape na poti do slike. Če je mogoče, lahko tudi vstavite povezavo do slike.

Pojdite na oznako Poleg srca so tudi drugi atributi, ki vam omogočajo, da prilagodite višino, širino in lokacijo slike ter še veliko več. Nekatere od njih:

• Src - določa pot do slike.
• Lowsrc - identičen s prejšnjim atributom, vendar je označen za slike slabe kakovosti.
• Višina - višina slike.
• Širina - širina.
• Alt - opis slike. Ko se pomaknete nad fotografijo ali sliko, se bo pojavilo besedilo, navedeno v tem atributu.
• Border - določa debelino meje okoli slike.

Atributi so označeni za oznako in so vključeni v njegovo sestavo. Po atributu morate določiti njegovo vrednost. Na primer, za atribute "višina" ali "širino" je podana višina slike na spletni strani. Merska enota je pikslov, razen če ni drugače določeno.

To bo videti tako :. Ti atributi bodo pomagali nastaviti ustrezno velikost slike. Border pomaga ustvariti nevidno rob okrog slike.

Zgornji atributi se uporabljajo tudi ločeno za oznako vstavljanja slike. Na primer :.

Kaj so sidrne povezave?

Ustvarjanje sidrnih povezav je zelo uporabna spretnost. Pogosto je treba ustvariti spletno stran z dolgim ​​besedilnim blokom ali z več pododdelki na eni strani. V tem primeru lahko takoj storite na začetku seznama povezav do pododdelkov besedila ali spletne strani, in ko jih kliknete, bo uporabnik odprl neposredno v zahtevani razdelek.

Za ustvarjanje sidrnih povezav boste morali aktivneje uporabljati oznake z atributi kot ustvarjanje drugih vrst povezav.

Najprej morate določiti skupno vrednost za vsak blok informacij ali podrazdelek besedila z uporabo atributa top, nato pa ga povezati z ustrezno povezavo.

Njihove funkcije so obsežnejše, zato je zaželeno, da najprej obvladamo ustvarjanje bolj preprostih povezav, nato pa nadaljujemo z oblikovanjem sidrnih referenc.

Nasveti

Pomoč izkušenih programerjev:

• Prepričajte se, da se informacije prikažejo o povezavi, ko se prikazujete v HTML-ju. V ta namen je lahko uporaben alt atribut, ki ga uporabljamo tudi za grafične elemente.
• Povezavo z HTML-jem je mogoče narediti. Zlasti je to lahko uporabno pri povezovanju sider in ko morate narediti seznam spletnih virov, ki jih lahko kliknete neposredno s trenutne spletne strani.
• Z uporabo CSS-ja in jаvascript-a ter nekaterih funkcij HTML lahko ustvarite drugačno obliko besedilnih povezav in hiperpovezav, ki se razlikujejo od običajne. Če na primer premaknete nad povezavo, lahko spremeni barvo in vrne prejšnjo, ko je kurzor oddaljen od nje. To se lahko izvaja z uporabo posebnega skripta v jаvascriptu. Poleg tega je barvo povezave mogoče nastaviti na druge, ne pa tudi modre za neobjavljene ali vijolične za obiskane. To je naloga CSS.
• Ne zlorabljajte povezav. Spletna stran, v kateri je veliko nepomembnih povezav, je videti neurejeno in grdo.
• Prepričajte se, da uporabnik razume, da je hiperpovezava s sliko res njena, in ne samo slika.

Zaključek

V HTML-ju je povezava na stran zelo enostavna. Pomembno je upoštevati vse glavne točke tega jezika, saj lahko celo majhna napaka vodi do rezultata, da ni nobenega rezultata in kodo ne bo delovalo.