Webwerwe, blogs, webblaaie - reeds bekende konsepte in ons tyd. Met die ontwikkeling van die internet het webwerwe vir die aanbieding van webblaaie ongelooflik gewild geword, en dit is nie verbasend nie: vir sommige mense is dit 'n noodsaaklikheid om hul eie webwerf te hê, vir ander is dit 'n aangename vermaak. In die eerste geval praat ons gewoonlik van firmas, korporasies, private entrepreneurs, wanneer hulle enige produk of diens in aanvraag adverteer. Die tweede handel oor bloggers.
Benewens dit, is daar internetgebruikers wat bloot inligting soek, blogs lees, video's kyk ensovoorts.
Om 'n kwaliteit webwerf te skep, is daar baie opsies. Ons sal fokus op webprogrammering deur HTML.
Wat is HTML
HTML staan vir Hyper Text Mark-Up Language. Uit Engels vertaal beteken dit "Hypertext Markup Language".
Met ander woorde, HTML is 'n stel kodes waarmee jy die hoofelemente van die werf, sy raam, sooshoe woorde uit sinne bestaan.
HTML-kodes word uitsluitlik in Latynse letters geskryf en word merkers genoem, en elke kode word in hoekhakies ingesluit. Sommige merkers is saamgebind, sommige is ongepaard.
Gepaard beteken dat hulle sonder versuim in pare gebruik moet word. Byvoorbeeld, die openingmerker dui aan waar dit op 'n webblad begin, en die sluitingsmerker dui aan waar dit stop. Laasgenoemde verskil van eersgenoemde deur die teenwoordigheid van 'n skuinsstreepkarakter na die openingshoekhakie. Byvoorbeeld, is die beginmerker,is die sluitingsmerker.
Ongepaarde merkers het nie 'n maat nodig nie.
Baie merkers kan eienskappe hê - bykomende elemente wat dit 'n meer spesifieke betekenis gee. Byvoorbeeld, die merker.
Waar HTML gebruik word
Die klassieke begrip van waar HTML nodig is, is webwerfbou.
In die praktyk kan dit genoeg wees, aangesien HTML jou toelaat om die hoofelemente van die webwerf te skep, spyskaarte (insluitend multi-vlaks), die agtergrond te stel, teks, beelde, oudio, video in te voeg, lettertipes te wysig en nog baie meer.
Daar is egter ander tale wat jou toelaat om meer interessante en dikwels nodige elemente by 'n webblad te voeg:
- CSS stel style vir die hele werf sonder dat dit nodig is om voortdurend stylkenmerke van individuele elemente voor te skryf deur gebruik te maak van merkers - byvoorbeeld die kleur en lettertipe van die teks.
- Die skriftaal laat jou toe om miniprogramme (skrifte) op die webwerf te ontwikkel en in te bed, wat wissel vanbanale estetiese dinge (verander die kleur van die skakel wanneer jy met die muis oorbeweeg) en eindig met funksionele dinge (versamel klante-e-posadresse, telefoonnommers).
- Met PHP kan jy jou eie gasteboek of kommentaarstelsel ontwikkel.
Ook HTML word gebruik in die skep van e-posse vir verspreiding.
Wat is 'n skakel
Hulle laat jou toe om na 'n ander webblad te navigeer, beide binne die werf en ekstern.
HTML-skakels word algemeen gebruik:
- Om na 'n eksterne webhulpbron te gaan.
- Om deur die bladsye binne die werf te beweeg.
- Om na Google-vorms te gaan.
'n Skakel na die bron in HTML word ook dikwels aangedui, veral omdat jy die outeur moet spesifiseer wanneer materiaal vanaf 'n ander webwerf gekopieer word. Andersins kan kopiëring sonder erkenning onder die definisies van kopieregskending, inhouddiefstal en terugvuur val. Daarbenewens verminder die gebruik van geleende, nie-unieke materiaal SEO-prestasie, en die aandui van 'n skakel na die bron verminder risiko's.
tipes skakels
In die klassieke sin is 'n skakel die adres van 'n webhulpbron waarheen jy kan gaan deur daarop te klik.
Benewens dit, is daar hiperskakels: teks en beelde. In hierdie gevalle is die HTML-skakel "versteek" onder een of ander sin (woord) of prent, en om dit te volg, moet jy op die teks of prent klik.
Ander tipe skakels:
- Onbesoek - 'n skakel waarop nog nie tydens 'n spesifieke sessie geklik is nie. Byvoorbeeld, as jy hierdie skakel gister gevolg het, dan jou rekenaar afgeskakel het en dit vandag weer aangeskakel het, is die skakel nou weer onbesoek, aangesien 'n nuwe sessie begin het.
- Aktief - in hierdie toestand word die skakel vir 'n baie kort tyd gestoor: die interval tussen die klik op die skakel en die volg daarvan.
- Besoek - 'n skakel wat reeds ten minste een keer tydens een sessie besoek is.
Vir gereelde teksskakels is die wat besoekte skakels geneig is om van kleur te verander, tensy anders gespesifiseer.
'n Hiperskakel-prent verander nie sy voorkoms nie, of dit nou besoek word of nie.
Hoe om 'n gewone skakel in te voeg
Baie webbronne sien die werfadres as 'n skakel, maak dit onmiddellik klikbaar en merk dit met kleur uit. As die adres byvoorbeeld in 'n boodskapper of per e-pos gestuur word, deur daarop te klik, kan jy na die webwerf gaan.
In die geval van die skep van 'n webwerf self deur HTML te gebruik, moet jy 'n skakel met 'n spesiale merker invoeg. Dit sal soos volg lyk: webwerfadres. Skakelteks in HTML moet volledig gespesifiseer word, met protokol.
Hoe om 'n teks-hiperskakel in te voeg
Daar is vroeër gesê dat 'n tekshiperskakel dieselfde funksie as 'n gewone skakel verrig, maar lyk meer esteties: in plaas van 'n webwerfadres, wat dikwels onnodig lank is, word 'n woord of frase aangedui. Byvoorbeeld, in die sin "Soek inligting hier", kan jy die skakel in versteekdie woord "hier". Dit sal uitgelig word en deur daarop te klik, sal die gebruiker na die verlangde webwerf neem.
Hoe om 'n HTML-skakel te maak, is reeds vroeër bespreek. Jy kan 'n teks-hiperskakel met dieselfde merker invoeg. Die enigste verskil is dat jy tussen die etikette die teks moet spesifiseer waaronder die skakel versteek sal word: sigbare teks.
Hoe om 'n prenthiperskakel in te voeg
Dit is 'n bietjie meer ingewikkeld hier. Ons gebruik dieselfde merker, maar in plaas van teks, moet jy die pad na die prent spesifiseer.
Die pad is die ligging van die prent. As die prent (foto) op 'n lêerdelingdiens geleë is, moet jy al die vouers langs die pad na die prent deur 'n skuinsstreep spesifiseer. Jy kan ook 'n skakel na 'n prent insluit indien moontlik.
Om te merk
bykomend tot src, is ander eienskappe ook van toepassing, wat jou toelaat om die hoogte, breedte en ligging van die prent en nog baie meer aan te pas. Sommige van hulle:
- Src - spesifiseer die pad na die prent.
- Lowsrc - identies aan die vorige kenmerk, maar gespesifiseer vir lae kwaliteit beelde.
- Hoogte - prenthoogte.
- Width - sy breedte.
- Alt - beeldbeskrywing. Wanneer jy oor 'n foto of prent beweeg, sal die teks wat in hierdie kenmerk gespesifiseer word, verskyn.
- Rand - bepaal die dikte van die rand om die prent.
Kenmerke word na die merker gespesifiseer en is ingesluit indie samestelling daarvan. Die eienskap moet deur sy waarde gevolg word. Byvoorbeeld, vir die eienskappe spesifiseer "hoogte" of "breedte" (hoogte, breedte) die hoogte van die prent op die webblad. Die maateenheid is pixels, tensy anders gespesifiseer.
Dit sal so lyk: <a href="webbladadres"
. Hierdie eienskappe sal help om die toepaslike grootte vir die prent te stel. Rand help om 'n onsigbare rand om die prent te skep.
Die bogenoemde kenmerke is afsonderlik van toepassing op die prentinvoegingsmerker. Byvoorbeeld:.
Wat is ankerskakels
Die skep van ankerskakels is 'n baie nuttige vaardigheid. Dikwels is daar 'n behoefte om 'n webblad met 'n lang teksblok of met verskeie onderafdelings op een bladsy uit te lê. In hierdie geval kan jy dadelik begin met 'n lys skakels na onderafdelings van die teks of webblad, en wanneer jy daarop klik, sal die gebruiker direk na die gevraagde afdeling gaan.
Die skep van ankerskakels sal meer gebruik van kenmerkmerkers vereis as ander tipes skakels.
Eers moet jy die algehele waarde vir elke blok inligting of onderafdeling van teks stel deur die top-kenmerk te gebruik, en dit dan met die ooreenstemmende skakel assosieer.
Hulle kenmerke is meer omvattend, daarom is dit raadsaam om eers die skepping van eenvoudiger skakels te bemeester, en dan aan te beweeg na die vorming van ankerskakels.
Wenke
Hulp van ervareprogrammeerders:
- Jy kan dit so maak dat inligting oor 'n skakel vertoon word wanneer jy in HTML beweeg. Hiervoor kan die alt-kenmerk, wat ons ook vir grafiese elemente gebruik, handig te pas kom.
- Dit is moontlik om 'n lys van skakels met HTML te maak. Dit kan veral nuttig wees vir ankerskakels, sowel as wanneer jy 'n lys van webhulpbronne moet maak wat deur 'n skakel direk vanaf die huidige webblad gevolg kan word.
- Met die hulp van CSS en JavaScript, sowel as sommige HTML-funksies, kan jy 'n ander ontwerp van teksskakels en hiperskakels as gewoonlik skep. Byvoorbeeld, wanneer jy oor 'n skakel beweeg, kan dit sy kleur verander en terugkeer na die vorige een wanneer die wyser weg is daarvan. Dit kan gedoen word met 'n pasgemaakte JavaScript-skrip. Daarbenewens kan die skakelkleur op iets anders gestel word as blou vir onbesoek of pers vir besoek. Dit is die taak van CSS.
- Moenie skakels misbruik nie. 'n Webbladsy met baie onvanpaste skakels lyk slordig en slordig.
- Maak seker dat die gebruiker verstaan dat die hiperskakel met die prent werklik 'n prent is, en nie net 'n prent nie.
Gevolgtrekking
Dit is baie maklik om na 'n bladsy in HTML te skakel. Dit is belangrik om al die hoofpunte van hierdie taal te volg, aangesien selfs 'n klein fout kan lei tot die feit dat daar geen resultaat sal wees nie, en die kode sal nie werk nie.
