OrdenagailuakProgramazioa

Nola HTML hiperesteka bat txertatzeko? Sortzea eta hiperestekak erabiliz HTML batean

Hipertestua beste testu estekak dituen testu bat da. Adibideak egilearen definizioak konplexua edo itzulpen oin-oharrak oharrak dira liburuko orrien behealdean, da aurkituz gero, atzerriko hizkuntza batean testua. Internet guneak dira hipertestu sistema konplexu bat orri batetik orria bera barruan bestera joango da, baina baita zerikusirik bakarreko gaikako baliabideak artean. Horrelako egitura bat praktikoa da, denbora asko aurrezten, bisitariak azkar behar duzun informazioa aurkitu, eta ez trantsizio ugari galtzeko aukera ematen du.

Txertatu hiperesteka

HTML hiperestekak deskriptorea (etiketa) , hau da, leku egokian txertatzen erabiliz txertatzeko. Normalean da testuaren artean berez hiperesteka gisa testu-egitura bat da. Baina loturak grafiko gehiago (ikonoak, botoiak, argazkiak) dira; Horietako gehiago eztabaidatuko da. Haien web orri batean kokapena ez da testuan mugatuta, baina diseinu erabakia maker gune araberakoa da.

Home Google

Hau HTML-dokumentu hori etiketa egiten hiperesteka nola txertatu adibide bat da. Webgunearen bisitari azpimarratutako testua dela inguruko testua (kolore HTML-loturak ezer izan daiteke) kolorea ezberdina ikusiko, "Google orri", hau klik eginez, izango da etxeko orria, "Google" bilatzailea lortu zuen. Kontuan izan behar da hiperesteka testuan non trantsizioa egingo da inguruko informazioa eduki beharko luke. printzipio hori jarraitu behar du eta arau gisa hartu!

Etiketa egitura ...

nabarituko dezakezu etiketa duten - bikoizten: beharrezkoak ixteko etiketa .

href - Etiketa attribute esteka baten helmuga zehazten du.

https://google.com/ - atributu balioa, ixteko eta horien gainean trantsizioa egiteko baliabide baten URL-helbidea. bikoitza edo single quotes da. araberakoa habia HTML arauen Etiketa egitura da.

Home Google

egitura osoa web dokumentu bat elementu bat da.

HTML arauak azpian, elementu batzuk beste elementu izan ditzakete. Tag salbuespena. programatzailea behar bada lodia hitzaren Google nabarmendu, hau egin duzu etiketa erabilita testu-formatu arau orokorren etiketa habiaratua sekuentzia arabera. Webmaster HTML akatsik ere hiperesteka nola sortu jakin behar du, bestela ez dute funtzionatuko. Hautsitako ordenagailua slang estekak izeneko "jipoitu".

orri nagusira Google

Here: elementua

orri nagusira Google

habiaratutako dauka

Google

Orain orriaren bisitari Hiperesteka hitza "Google" ikusten du letra lodiz.

hiperestekak absolutua

absolutua URL-helbideak guneen domeinu-izenak dauzkaten erabiltzen duten Hiperestekak (.ru, .com, .org, .gov ), izeneko absolutua, eta ondoko sintaxia eta:

Protokoloa: // domeinu izena / fitxategiaren bidea

Adibidea helbidea America bilatzaile hedatuago: https://aol.com - absolutua, domeinu izen Com dauka geroztik.

Absolutua hiperestekak erabiltzen dira beste guneak orrialdeetan nabigatu edo beste zerbitzari kokatutako baliabideak sartzeko. Trantsizioa da Internet protokoloaren bitartez egin. Protokoloak - hau ez da artikulu honen gaia, baina parte dute hiperestekak sortzea bezala, gutxienez laburki aipatu duzu horiek:

  • http eta https - ohikoena; horiek web gune ezberdinetan orrien artean aldatzeko egiteko;
  • ftp - zerbitzariari edo erabiltzaile deskarga gunetik den fitxategi protokolo bat;
  • mailto - mail protokoloa e-mail zuzenean bidaltzen dituen gunetik, pertsonala e-mail joan gabe.

Badira helburu berezi (gopher, telnet) txostenak gutxi batzuk, nahiko arraroa, erabilera horren programazio edo sistema administrazioan ezagutza berezia eskatzen du.

hiperestekak erlatiboa

With erlatiboa aurre, bizitzako trantsizio eta erabili hiperestekak erabilera HTML ez du haratago eramaten. orriaren da hain handia korritze exekutatzen duen, batzuetan oso luzeak, besteak beste, hiztegi bat bezala bada, oso eroso eta egokia loturak erlatiboa erabili nahi duzun letra salto da.

Sortzea online hiztegia, orriaren hasieran programatzaile alfabetoaren ditu, eta hala ez bada loturak erabiltzeko, erabiltzaileak oso denbora luzean saguaren gurpila piztu den letra "I" lortu izan litzateke.

atributu izen etiketa erabilita link erlatiboa sortzeko:

letra I itzuli

non aingura izeneko ya, Back letra nuen bitartean - aingura helmuga. aingura erakustaldia zuzena gomendatzen da letrak eta zenbakiak erabiltzeko, beraz, ez "I" idatzi, nahiz izan litzateke ulergarria.

Orain alfabetoaren trantsizioa letra "I" orrialdearen hasieran dagoela, beharrezkoa da aingura HTML dokumentu, zein letra "I" hasten Peg egiteko:

aingura aurrean zenbaki, eta hori gabe gutuna trantsizioa ez du funtzionatuko nabarmentzen.

Erlatiboa helbideratzeko web orri bat eraikitzeko

Eroso eta software gune bat sortzeko algoritmo ohikoenak:

  • Sortu zure ordenagailu eta bere sarbide azkarra erosotasuna gunean kokapena karpeta bat;
  • home orriaren karpetan index.html sortuz;
  • bigarren mailako web orria (index.html / Page2) sortzea;
  • Sortu karpeta bat eta jarriz irudi fitxategiak ere;
  • Sortu karpeta bat eta bestelako objektuak jarriz (fitxategiak deskargatzeko, adibidez);
  • gune edukia betetzeko;
  • fitxategiak hosting on Gunean jarriz.

Zertan gunearen elementuen arteko komunikazio loturak erabiliko da, eta oso erabilgarria HTML hiperesteka nola txertatzeko gunearen bereko beste orri jakin ahal izango dute. gune zerbitzari berdinean direktorioa berean bizi bazara, ez dago absolutuak erabili helbideratzeko beharrik. Fitxategiak transferitzeko gunean objektuen arteko lotura ostalaritza geratzen, dute hostinga delako eta ezin direktorio berean jarriko dira.

Demagun programatzaile etxeko orria index.html gune bat, zein beste orri page2.html lotura bat du, irudi img.png batekin apainduta sortu du. Ondoren Irudiaren bidea erlatiboa itxura hau izango du:

Argibidea: gai honen azterketa da onena testu arrazoia beharrezkoa da gaitasun eskuratzen trantsizio helbideak ortografia zuzena, eta norbaiten kode ulertzen ikasteko editore sinple bat erabili. Etapa honetan emaitza on bat gabe error idatzitako koaderno batean hiperesteka, HTML ez du barkatzen izango da, eta akats bat ematen du.

Metodoak klik hiperesteka

Berez, orri berri bat uneko nabigatzailean leiho batean irekitzen erabiltzaile bat Hiperesteka batean klik denean. Baina web programatzaile lehenetsia alda dezake eta behartzeko orria zabalduko da, adibidez, leiho berri batean. Horretarako ez jakin bat bere balioa dituzten helburu attribute bat da. Nowhere da mahai adierazteko aukera ematen du.

helburu atributuaren balioak
_blank Orri irekitzen nabigatzailearen leiho berri batean
_self Orri irekitzen uneko leihoan (ezarpen lehenetsia) en
_parent Orri irekitzen guraso markoaren
_top markoak erabiliz bertan behera horiek guztiak eta orria irekitzen du uneko nabigatzailean leiho batean

attributes aplikatuz sintaxia xede:

Home Google

Hasiera "Google" leiho berri batean irekiko da.

Oharra: orria irekitzeko fitxa berri batean, ez dago atributu honen balioa da, eta nabigatzaileak ezarpenetan erabiltzaileak ezarri.

hiperestekak kolorea

esperientziadun Internet erabiltzaile batek denboran zehar, ohartu behar dute hiperestekak inguruko testu batetik kolore ezberdinak dira, eta normalean urdina dira. Loturak eta bertan igaro zuen, eta, ondoren, aurreko orrialdera itzuli zen, lila dira. hiperestekak erabiliz kolore ez-estandarrak pixka bat ere HTML, baina bideratzen gune besteak beste.

Lotura kolorea du etiketan ezaugarriak eta beren balioak erabiliz, zein HTML color balio rgb sistema (# 00FF00) edo kolore baten izena zantzurik zuzena ( «berde») rekin ezartzen du. Badira hiru loturak atributuak mota:

  • link - Bisitatu ez diren esteken kolorea zehazten;
  • vlink - loturak honen barruan erabiltzaileak dagoeneko gainditu kolorea zehazten;
  • alink - loturan beste orri bat aldatzen denean kolorea zehazten du. azkarra da, beraz, ezin duzu beti efektu hori harrapatzeko.

markatzea Adibidea:

Atributu horiek aplikatzen baduzu etiketa ere, web dokumentuaren erreferentzia urdin iluna izango da, bisitatutako - morea eta aktiboa - laranja-gorria.

hiperestekak grafikoa

Aurrerapen eta web diseinua garapena eskatzen hiperesteka nola txertatu HTML irudi gisa ere ezagutzeko. Garbi dago irudi hori helmuga orriaren edukiak etorri behar du. Adibidez, sendabelarren orrialde nagusia izango landareen argazkiak forman aurkezten daiteke, eta horien gainean erabiltzaileak egingo landareen propietate sendagarriak deskribatzen duen orri batera joateko klik eginez.

Asko erabiltzen den modu estatikoan botoiak () ordezkatu du web diseinatzaile grafiko editorea (GIMP, Photoshop) eta sortutako grafiko eder hartan.

grafiko bat txertatzeko gunearen orrietan hiperestekak sintaxia bera erabiltzen den bezala, baizik eta testu irudia etiketa bat erabiliz HTML arauak txertatuz:

By etiketa modu berean aplikatu atributuak zehaztu alternatiboa testua, zabalera, altuera, eta beste batzuk.

Webgune deiak

html5 estandarra Interneten erabilera funtzionalitate zabaldu du, eta orain deiak ez bakarrik telefonotik, baina zuzenean gunetik egin dezakezu. Horretarako, hiperestekak ere erabil dezakezu HTML dokumentu batean, eta ondoko sintaxia dute:

... festa ...

Horren ordez hitzaren "party" agindutako intuitiboa deitzailearen kontaktu agenda ere. ere fitxategi grafiko bat (erabiltzaile argazkia) jar daitezke.

Hori deiak Gunean egin ziren, ez bakarrik harpidedunak telefono-zenbakia erreferentzia bat, baina baita entzungailu (mikrofonoa, entzungailuak) zure ordenagailuan VoIP-programa instalatuta eduki behar duzu, Internet abiadura 0,5 MB / s baino handiagoa izan behar du. deietan Ordainketa trafiko egin. Beraz, Internet mugagabea bada, deiak doakoak dira.

Etika sortzen hiperestekak

Interneten gunean egitean, arduradunarekin zer mota daude HTML estekak darabiltzaten jakin behar da, eta ez bakarrik eskubidea, horiek profesionalki erabiltzeko, baina, halaber, honako xedapen atxikitzen:

  • Hiperesteka erraz ikusgai, bere testu inguruko ezberdina izan behar du. Erabiltzaileak jakin behar dela - Hiperesteka batean.
  • Erabiltzaileak argi izan behar non egingo loturan klik eginda lortu zuen. Horretarako, komeni gehiago attribute izenburua, eta bertan laburki bihurtze orria deskribatzen erabili da. Aplikazio attribute sintaxia hau da:

Yandex

  • Erabiltzaileak lortu behar fitxategiari buruzko informazio zehatza deskargatuko dira sakatzen duzunean esteka.

Behin ez da espero orria edo okerreko fitxategia deskargatzen, erabiltzaileak berehala gunean utziko% 99 da, eta inoiz ez da on ez jaistea etorkizunean.

Anti-Seo hiperestekak sortzea da

Hiperesteka nola txertatu HTML auzia alde teknikoa gain, azpimarratu behar da, gero eta moral alderdi. Badira sartzeko eta hori blokeatu segurtasun software (Antivirus), edo are egoera erabiltzaileei webgune asko. Hauek izan diren kutsatua web programatzaileek alde batetik sortutako guneak dira.

trikimailuak bertan jotzea dute bat - da "ikusezina" hiperesteka txertatzeko Web orri batean. Iruzurgileak ezagutzen HTML hiperesteka bat nola sortu, eta azpimarra atributua erabiltzea loturak kentzeko eta esleitu inguruko testuaren kolorea da, beraz, erabiltzaile arruntak ez du ikusten bere. Eta beste web teknologien tresnak (CSS, JavaScript, PHP) laguntzarekin programa daiteke haien portaera. Adibidez, OnMouseOver Javascript hizkuntza gertaera web orri elementuen eragina aktibatuko da. erabiltzaileak kurtsorea dauka Noiz lotura ikusezin bat, publizitate beste gune orrietan lortzen zuen. Edo are okerrago, orduan bere ordenagailuko fitxategi bat lotura ikusezin bat da eta deskargatzen hasten da eta beharrezkoa ez bada software instalatu. Normalean, nabigatzailea orri nagusia, zaborrik disko gogorrean edo bestelako masa programak aldatu birus bat.

Laster guneak, besteak beste, "zerrenda beltza" birus datu-basea, segurtasun eta Internet erabiltzaileen ingurunearen erori. Horrelako guneak ez dute luze iraungo, eta haien izenak aldatzeko etengabe migratzeko Interneten, ostalari hornitzailearen aldatzen dute. Hau ez da gune bat sustatzeko, zein beti bere sortzailea bilatzen du, inoiz egin da megaportals, hala nola, adibidez, sare sozialak bultzatzen. Besteak beste, trikimailu horiek eragin giza ekintza horiek biktimei emozio negatiboak asko.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 eu.atomiyme.com. Theme powered by WordPress.