HTML vir beginners:

Die tydlyn van webtegnologieë


2009

2005

2002

2000

1998

1997

1996

1994

1991

HTML5

AJAX

Tafelose webontwerp

XHTML1

CSS2

HTML4

CSS1 + JavaScript

HTML2

HTML

Contents

inleiding

As u ‘n webmeester wil word en wil leer hoe u ‘n webwerf kan skep, kan u die vooruitsig hê om HTML goed aan te pak..

Dit is egter iets wat nie vermy kan word nie, aangesien die oorgrote meerderheid van die landingsbladsye op die webwerf wat u besoek, met HTML-elemente geskryf en gestruktureer is. In werklikheid is HTML nou word deur meer as 74% van alle bekende webwerwe gebruik, terwyl hierdie taal ook help om alles te verbeter, van die ontwerp van u webwerf tot die kwaliteit van die inhoud wat dit bevat.

In hierdie gids sal ons die basiese beginsels van HTML en die moontlike toepassings daarvan ondersoek, voordat ons na voorbeelde kyk van die individuele elemente wat u gebruik tydens die kodering van u webwerf..

Wat is HTML?

Persentasies webwerwe wat verskillende subkategorieë van HTML gebruik

verskillende subkategorieë van HTML-persentasies

In eenvoudige terme, HTML stel die standaard opmaaktaal voor vir die skep van webblaaie aanlyn. Dit staan ​​vir Hyper Text Markup Language, en die belangrikste funksie daarvan is om die struktuur, uitleg en aanbieding van individuele bestemmingsbladsye vas te stel. Terwyl webblaaiers nie direk HTML-taal vertoon nie, speel dit ‘n belangrike rol om ‘n sigbare, toeganklike en maklik gebruikbare webwerf te skep.

HTML word ook ondersteun deur ‘n aantal individuele elemente, wat geleidelik webbladsye opbou, die aanbieding van inhoud struktureer en u webwerf lewendig maak. Hierdie elemente word geskep en vervat in ‘tags’, wat alternatiewe stukke inhoud definieer soos opskrifte, paragrawe en soortgelyke voorbeelde..

Ons sal hierdie elemente en die konstruksie daarvan in meer besonderhede hieronder ondersoek, terwyl ons ook kyk hoe dit gepersonaliseer kan word om kleur, skakels en veranderlike tipografie op u webwerf voor te stel..


Waar word HTML gebruik?

Populêre webwerwe wat HTML gebruik

Waar word HTML gebruik

Soos ons kan sien, is die mees algemene toepassing vir HTML die ontwerp van die individuele bestemmingsbladsye waaruit u webwerf bestaan. Dit is nie die enigste toepassing van die gewilde koderingsinstrument nie, maar as u die bykomende gebruike daarvan verstaan, sal dit u help om die beste te benut as ‘n nuwe webmeester.. Hier is ‘n paar van die verdere maniere waarop HTML toegepas kan word:

  • Skep aanpasbare elemente binne ‘n bestaande bladsy

    As u van plan is om kommentaar op die blogplasings of die gebruiker-gegenereerde inhoud op u webwerf toe te laat, kan u HTML-kodefragmente gebruik om dit in te skakel. Hierdie elemente stel gebruikers in staat om sleutelwoorde te beklemtoon, skakels in te sluit en opmerkings te formateer, afhangende van die beperkings wat u as moderator plaas.

  • Skep addisionele inhoud vir e-pos

    E-pos gebruik HTML ook as die taal vir ryk teksboodskappe, met skakels, teks en ‘n verskeidenheid ander elemente wat nie net in gewone teks verskyn nie. Dus, as u op soek is na ‘n e-boek wat met u webwerf verband hou via e-pos, kan u HTML gebruik om die impak van u boodskap te optimaliseer.

  • Verstaan ​​vanlyn-hulpdokumente wat op u rekenaar geïnstalleer is

    Interessant genoeg word HTML gebruik as die formaat vir rekenaargebaseerde hulpdokumente wat vanlyn beskikbaar is. Basiese kennis van HTML kan u dus help om probleme met u hardeware te verstaan ​​en dit vinniger op te los, wat op sy beurt kan verseker dat u u webwerf vinniger kan herstel in gevalle waar dit vanlyn is..

HTML en CSS
Bekyk HTML & CSS [Cheat Sheet]

HTML-bladsystruktuur

</strong><br/> <strong>
Inhoud van die bladsy

Die HTML-, kop- en liggaamselemente maak deel uit van die HTML-spesifikasie sedert die middel van die negentigerjare, en tot ‘n paar jaar gelede was dit die primêre elemente wat gebruik is om strukture aan HTML-dokumente te gee.
Die situasie het egter in die laaste paar jaar dramaties verander omdat HTML5 ‘n aantal nuwe etikette bygevoeg het wat gebruik kan word om ‘n ryk semantiese betekenis aan die struktuur van ‘n HTML-dokument toe te voeg..

HTML-dokumente is verpligtend om te begin met ‘n dokumenttipe-verklaring (informeel, ‘n “leersteks”). In blaaiers help die doktipe om die weergawemodus te definieer. HTML5 definieer nie ‘n DTD nie; daarom is HTML-verklaring eenvoudiger en korter.


Voordat u ‘n html-bladsy kan opbou, moet u die basiese beginsels op hul plek hê.

Tipies bestaan ​​’n bladsy uit drie struktuurelemente:

1. Kop: Die kop bevat inhoud wat relevant is vir alle bladsye op u webwerf, soos ‘n logo of webwerfnaam en ‘n navigasiestelsel. Die bladsyopskrif word op elke bladsy gesien.

2. Hoofliggaam: Dit beslaan die grootste gebied op ‘n webblad. Dit bevat inhoud spesifiek vir die bladsy wat gesien word.

3. Voetskrif: Voetbalinhoud bevat gewoonlik kontakinligting, ‘n afleweringsadres of wettige kennisgewings. Soos die koptekst, verskyn die voetskrif op elke bladsy, maar dit is onderaan geplaas.

Dit is hoe die basiese struktuurelemente lyk as hulle bymekaarkom:


U kan teks of kode hier plaas, soos a
Google Analytics-opsporingskode vir
byvoorbeeld.

Die hoofdeel van u bladsy gaan
die. Vul dit met teks en prente!

Hier is nog ‘n voorbeeld, met behulp van kop-etikette en die paragraaf-etiket om inhoud esteties te struktureer. Boonop het ons ‘n bladsy-bladsy-etiket vir inhoud onder die hoofdeel van ‘n bladsy ingegooi:


U kan teks of kode hier plaas, soos a
Google Analytics-opsporingskode vir
byvoorbeeld.

My eerste opskrif

Welkom op my webwerf!

kontakinligting hierheen kan gaan


HTML-tags

HTML-tags

Die beginpunt vir enige HTML-kode is individuele etikette, wat gebruik kan word om alle belangrike elemente te skep en om u webblaaie te struktureer. Hierna kyk ons ​​na die mees algemene tags voordat ons ondersoek hoe dit gebruik kan word om spesifieke elemente op die bladsy te genereer:

Opskrifmerke

Alle aanlyn dokumente, webwerwe ingesluit, begin met ‘n opskrif. Dit word saamgestel met behulp van HTML-tags, met die taal wat tans voorsiening maak vir tot ses elemente wat wisselvallig groot is, wat u ook in staat stel om u inhoud te struktureer met addisionele titels, onderskrifte en gemerkte reëls met vet teks. Om die opskrif te begin, voer u die betrokke teks met die

,

,

,

,

of
afhangende van die gewenste grootte.
U moet dan ‘n sluitingsetiket aan die einde van die opskrif toepas om die teks te omhul, en dit word soos volg in HTML-formaat vertoon:

Daar is 12 kategorieë tags:


Dit is opskrif 1

Dit is opskrif 2

Dit is opskrif 3

Dit is opskrif 4

Dit is opskrif 5

Dit is opskrif 6

Toonaangewende HTML-tags tegnologie
deel op die web

0.27%

HTML5
Canvas Tag

0.29%

HTML5
Oudiomerk

0.69%

HTML5
Videomerk

3.1%

HTML5
SVG-tag

6,54%

HTML5
Embed Tag


Sodra dit bevestig is, sal dit op die volgende estetika op u webwerf vertaal word’se bestemmingsblad:

Dit is opskrif 1

Dit is opskrif 2

Dit is opskrif 3

Dit is opskrif 4

Dit is opskrif 5

Dit is opskrif 6

Hier is die verskillende groottes van die veranderlike opskrifte duidelik te sien, en ook die feit dat die blaaier ‘n lyn voor en na die opskrif byvoeg. U sal ook opmerk dat die sluitingsetiket aan die einde van die opskrifteks ‘n effens ander estetiese vorm het, maar dit sal in die volgende hoofstuk behandel word, want ons wil etikette gebruik om spesifieke elemente te definieer.

Paragraaf tags

Video- en klankondersteuning
Vergeet van Flash Player en ander derdeparty-mediaspelers, maak u video’s en klank werklik toeganklik met die nuwe HTML5

‘N Soortgelyke beginsel word toegepas op die begin van paragraaf-etikette, wat uitgebeeld word deur

. Dit stel u in staat om u inhoud te struktureer en dit in toepaslike paragrawe te verdeel, wat op hul beurt weer lei tot ‘n makliker en meer naatlose leeservaring. Weereens, die

etiket moet aan die begin van die betrokke teks geplaas word voordat die alternatiewe sluitingsetiket aan die einde toegepas word om die effek te voltooi. Anders as opskrifetikette, is daar egter geen numeriese verskille wat die grootte van die teks in die paragraaf kan verander nie. Byvoorbeeld:

U eerste paragraaf

U tweede paragraaf

U derde paragraaf

HTML5-videomerkgebruik deur webwerwe regoor die wêreld

land
Aantal webwerwe
Verenigde State
140008
Rusland
87508
Duitsland
34519
Verenigde Koninkryk
26609
Frankryk
25697
Japan
23578
Taiwan
19798
Oekraïne
19204
Brasilië
16773
Sjina
16523
Res van die wêreld
265371

Buiten die HTML-formaat, sal die teks soos volg op u voltooide webblad verdeel word:

U eerste paragraaf

U tweede paragraaf

U derde paragraaf

Line Break tags

Die eerste voorbeelde verteenwoordig die mees basiese HTML-etikette, maar daar is ander wat ‘n ander formaat gebruik en alternatiewe sluitingsdatum neem. Neem byvoorbeeld reëlonderbrekings, wat ‘n onderskeid skep by watter teksreëls verbreek word en op die volgende reël voortgesit word. Daar is ‘n kernverskil tussen reëlbreuke en paragrawe in die veld van HTML, aangesien laasgenoemde standaardblokelemente is wat teks bevat, skep eersgenoemde ‘n skeiding in ‘n bestaande

element.

As gevolg hiervan verteenwoordig lynonderbrekings ‘n leë element in HTML en word dit dus nie gedefinieër deur tags oop of toe te maak nie. In plaas daarvan word hulle deur die
etiket, wat in die bestaande ingevoeg kan word

elemente om teks op te deel en moontlik belangrike inligtingstukke uit te lig. Die enkele ruimte tussen die karakter BR en die skuinsstreep is van uiterste belang, want anders kan die kode nie in HTML-formaat herken word nie.

Hier is ‘n voorbeeld:

is die tekening-HTML5-tekenmerker waarmee u selfs meer moontlikhede van webinteraktiwiteit en webanimasie kan benut as die vorige ryk internet-toepassingsplatforms soos Flash.
U kan selfs speletjies ontwikkel met behulp van HTML5’s tag. HTML5 bied ‘n wonderlike, mobiele vriendelike manier om prettige, interaktiewe speletjies te ontwikkel

Goeie more

Baie dankie vir u navraag, ons sal u kontak as ons iets anders benodig.

Beste wense

Meneer J

Sodra dit toegepas is, sal die teks soos volg opgebreek word:

Goeie more,

Baie dankie vir u navraag, ons sal u kontak as ons iets anders benodig.

Beste wense

Mnr. Jones

Soos u kan sien, kan u reëlonderbrekings toepas in ‘n bestaande paragraafelement so gereeld as wat u wil, solank dit waarde toevoeg en die inligting makliker verteerbaar maak. U sal ook sien dat die openings- en afsluitingsparagraaf-etikette onveranderd bly, met lynbreekmerke wat gebruik word om die uitleg van die teks wat binne.

Dit is een van die voorbeelde van hoe HTML-tags gebruik kan word om bestaande elemente te verander, wat ‘n sleutelrol speel in die definiëring van die visuele uitleg van u webblaaie en inhoud.

Horisontale lyne

Webwerf kategorieë waar HTML5 Canvas Tag gebruik word

Webwerf kategorieë waar HTML5 Canvas Tag gebruik word

Daar is ook ander etikette wat binne die

element of om verskillende teksgedeeltes op u webblad te skei. Een van die mees gebruikte is die


kode, wat help om ‘n leë element te skep wat ‘n visuele, horisontale lyn trek tussen alternatiewe gedeeltes van ‘n aanlyn dokument. U wil byvoorbeeld ‘n lyn tussen twee liggame van teks plaas om die leser te herfokus of bloot ‘n nuwe visuele element in te stel. Dit is hoe u so ‘n breuk in HTML skep:

U eerste paragraaf


U tweede paragraaf

Hier beklemtoon die breek tussen die karakters hr en die skuinsstreep die konstruksie van ‘n leë element, terwyl daar weereens geen sluitingsmerk nodig is om die effek te voltooi nie. Dit skep die volgende visuele:

U eerste paragraaf
________________________________________

U tweede paragraaf

U eerste paragraaf
_______________________

U tweede paragraaf

Mobiele blaaiers het HTML5 ten volle aangeneem, sodat dit maklik is om projekte vir mobiele gereedskap te skep soos om die kleiner skerms te ontwerp en te konstrueer – vandaar die gewildheid van Responsive Design. Daar is ‘n paar wonderlike metatags wat u ook toelaat om te optimaliseer vir mobiele toestelle
78% van die inhoudontwikkelaars is dit eens dat die struktuur geskik is vir die skep van mobiele apps, en 68% meen dat dit geskik is vir die ontwerp van alle soorte apps.


Beeldetikette

Prentetikette stel ook leë elemente in HTML voor, wat weer beteken dat hulle nie ‘n sluitingsmerk het nie. Aangesien dit slegs eienskappe bevat wat verband hou met die URL van die prentjie wat u op die webwerf insluit, word hulle eenvoudig gedefinieer deur die etiket aan die begin van die element. Dit kan oral op u webwerf geplaas word, hoewel dit ongewoon is om dit in bestaande elemente soos paragrawe of opskrifte in te sluit. Hier is hoe ‘n tipiese HTML-beeldetiket homself sal voordoen:

some_text

U moet ook alternatiewe teks vir u beeld voorsien, wat mense help om dit te sien in die geval van trae laai of die gebruik van skermlesers. Op hierdie manier, as die blaaier geen beeld kan vind nie, sal dit die waarde van die alternatiewe attribuut aan kykers vertoon. Hierdie gebruik weereens die prentetiket, maar bevat ‘n ander stel eienskappe:

 HTML5 Icon

HTML-elemente

HTML-elemente

Ons het voorheen gekyk na hoe eenvoudige HTML-etikette gebruik word om elemente op die bladsy te definieer, terwyl ons ook ondersoek het hoe dit verder aangepas kan word deur leë elemente te gebruik wat etikette bevat vir afbeeldings en reëls. Dit help ons om die verwantskap tussen tags en elemente te verstaan, en hoe dit gebruik kan word om verskillende soorte inhoud op u webwerf te definieer..

Alhoewel alle aspekte van die HTML-taal deur ‘n tag voorgestel word, moet ‘n gedefinieerde element wat inhoud bevat, sowel ‘n begin- as ‘n afsluitingsetiket hê. Opskrifte en paragrawe is dus HTML-elemente omdat hulle begin-en-sluit-tags gebruik om die betrokke teks te omhul en te vergroot. In teenstelling hiermee bevat leë elemente eienskappe of glad nie inhoud nie, waardeur hulle binne bestaande elemente gebruik kan word sonder dat daar ‘n sluitingsteken nodig is.

Definiëring van HTML-elemente

HTML5 gaan nêrens heen nie en namate al hoe meer elemente aangeneem word, sal al hoe meer ondernemings in HTML5 begin ontwikkel

By die gebruik van voorbeelde soos opskrifte en paragrawe, is die korrekte toepassing van begin- en afsluitmerke van kardinale belang. Dit is die beginetiket (soos

of

) wat die betrokke element byvoorbeeld definieer, terwyl die sluitingsetiket verseker dat hierdie element nie oor die res van die webblad gevoer word nie. As u nie die sluiting gebruik nie aan die einde van die gewenste paragraaf, byvoorbeeld, sal die teks in ‘n enkele blok verskyn wat onooglik en uiters moeilik is om te lees.

Alle sluitingsmerke is identies aan die beginetikette, behalwe dat die eersgenoemde ‘n skuinsstreep voor die betrokke karakters bevat. Dus in die geval van ‘n

opskrif, sal die sluitingsetiket wees , terwyl u vir paragrawe altyd gebruik om die breuk in die teks te definieer. Dit vereis aandag aan detail tydens kodering, en dit is belangrik om tydens die programmering van opskrifte kennis te neem dat die nommer wat u gebruik (soos h1 of h2) in sowel die begin- as die afsluitmerker toegepas word..

Gebruiksfrekwensie van verskillende HTML-elemente

XHTML-elementnaam
kop
titel
html
liggaam
‘n
meta
img
tafel
td
tr
br
p
script
font
div
b
skakel
sentrum
span
vorm
insette
styl
hr
sterk
i
hl
li
noscript
karteer
gebied
ul
kies
opsie
h3
h2
raam
frameset
param
embed
em
u
voorwerp
blockquote
geen
rame
tbody
iframe
klein
h4
basis
nord





























0
10
20
30
40
50
60
70
80
90
100

Gebruik geneste HTML-elemente

Op hierdie stadium is dit duidelik om te sien dat HTML-dokumente en webblaaie gevorm word deur ‘n boom van verskillende elemente, wat dien as die boustene vir ‘n verskeidenheid bates. Ons het ook gekyk hoe hierdie elemente gevorm en gebruik kan word om aanlyninhoud te struktureer, en ons sal dit nou voortgaan deur na geneste HTML-elemente te kyk.

Net soos leë elemente en selfstandige etikette (soos
kan opgeneem word in gedefinieerde HTML-elemente, sogenaamde geneste elemente kan ook gehuisves word in inhoud soos opskrifte en paragrawe. Dit bevat voorbeelde soos vetgedrukte en kursiewe letters en onderstreepte teks, terwyl dit toegepas kan word om persoonlikheid tot u inhoud toe te voeg en die leser se aandag te vestig op spesifieke belangstellingspunte.

Vet, kursief en onderstreepte teks in HTML

laat’s sê dat u ‘n woord wil uitlig binne ‘n bestaande paragraafelement. U kan dit bereik deur dit vet te maak deur eenvoudige tags binne die standaard te gebruik

element. Met behulp van HTML, programmeer u dit soos volg:

ek wil hierdie woord om vet te wees.


Hier het die geneste element beide ‘n begin- en afsluitmerker, wat elk ‘n soortgelyke formaat het as dié wat met opskrifte en paragrawe geassosieer word. Dit kan naatloos binne bestaande elemente gebruik word, en in hierdie geval sal dit die volgende resultate lewer:

ek wil hierdie woord om vet te wees.

Laat ons nou’Sê dat u ook die tipografie van hierdie woord wil verander sodat dit ook kursief is. Dit kan bereik word deur eenvoudig ‘n geneste element by te voeg, wat so gekodeer moet word:

ek wil hierdie woord om vet te wees.

Soos u kan sien, is die kursiewe etikette vir die begin en afsluiting eenvoudig in die

element. Dit sal nou die inhoud binne die element transformeer sodat dit soos volg voorkom:

HTML-titels was nog altyd die belangrikste HTML-sein wat soekenjins gebruik om te verstaan ​​waaroor ‘n bladsy gaan. In werklikheid, as u HTML-titels sleg geag word of nie beskrywend is nie, verander Google dit
ek wil hierdie woord om vet te wees.

Natuurlik kan u besluit dat u verkies om hierdie woord op ‘n ander manier na vore te bring. U kan dus ‘n alternatiewe geneste element gebruik, soos onderstreep (wat deur die en tags. Hierdie tags kan op dieselfde manier toegepas word binne die

element, wat soos volg in HTML verskyn:

ek wil hierdie woord om onderstreep te word.

In hierdie geval sal die teks soos volg op u dokument of bestemmingsblad verskyn:

Nuwe semantiese elemente wat HTML5 bekendgestel het, sal dit baie makliker maak om te lees vir ontluikende ontwikkelaars. In plaas daarvan om lyn na reël van
en elemente, meer gedefinieerde etikette soos
,
en
ek wil hierdie woord om onderstreep te word.

Dit bied ‘n insig in elemente wat gevorm kan word deur etikette, wat weer die struktuur van u webblaaie en die inhoud wat dit bevat, kan definieer. Nie net dit nie, maar leë en geneste elemente kan ook gebruik word om u inhoud verder te definieer.

HTML-attribute

Globale attribute is eienskappe wat algemeen is vir alle HTML-elemente; dit kan op alle elemente gebruik word, hoewel die eienskappe miskien geen invloed op sommige elemente het nie. Globale attribute kan op alle HTML-elemente gespesifiseer word, selfs dié wat nie in die standaard gespesifiseer is nie


As etikette die boustene is wat elemente konstrueer en definieer, kan HTML-attribute gebruik word om die eienskappe daarvan aan te pas (soos styl, kleur en taal. Alle HTML-elemente het kernkenmerke, wat kerninligting bied en altyd in die stat-etiket gespesifiseer word) Hulle is geneig om in pare te kom, so sal dikwels in die volgende formaat verskyn: name =”waarde.“

In eenvoudige terme verteenwoordig die naam die eiendom wat u wil instel, terwyl die waarde verband hou met die spesifieke kriteria wat u wil insluit.

Daar is ‘n groot aantal eienskappe wat op u HTML-elemente toegepas kan word, maar die belangrikste is vir die webmeesters:

Die kenmerk ‘Lang’

Dit is die mees basiese kenmerk, wat die taal van die dokument en sy elemente definieer. Dit word verklaar met behulp van die ‘Lang’ kenmerk, en hoewel dit maklik misgekyk word, het dit die voordeel om die inhoud toegankliker te maak vir skermlesers en soekenjins. Dit word gewoonlik aan die begin van die dokument in die volgende formaat aangebied:

Verskeie basiese eienskappe word herken, waaronder:

vereiste eienskappe, benodig deur ‘n spesifieke elementtipe vir daardie elementtipe om korrek te funksioneer

opsionele eienskappe, word gebruik om die standaardfunksie van ‘n elementtipe te verander

standaardkenmerke, ondersteun deur ‘n groot aantal elementtipes

gebeurtenis eienskappe, word gebruik om elementtipes te laat gebruik om skrifte te spesifiseer wat onder spesifieke omstandighede uitgevoer moet word


Na aanleiding van die lang-attribuut, spesifiseer die eerste twee letters die taal (wat in hierdie geval Engels is). Na die koppelteken bepaal die volgende twee letter die dialek, hoewel dit nie vir elke taal aanwesig sal wees nie. Dit is belangrik dat u hierdie kenmerk reg kry as u u gehoor suksesvol wil bereik.

Die kenmerk ‘Belyn’

Ons het reeds die formaat van HTML-attribute aangeraak (name =”waarde), en die beste beliggaming hiervan vind plaas wanneer u probeer om die inhoud in u elemente in lyn te bring. U kan besluit om alle paragrawe op ‘n spesifieke bladsy te sentreer, byvoorbeeld, met die belyning van die eiendom wat u wil stel. daarna, ’sentrum’ is die waarde van die attribuut, alhoewel u die keuse het om u teks links of regs in lyn te bring. Byvoorbeeld:

Hierdie teks is in lyn met mekaar

Tipes programme wat met HTML5 gebou is

produktiwiteit
54%
nut
38%
verbruiker
35%
LOB
22%
Sosiale netwerking
18%
Vermaak
17%
Lewensstyl
12%
Reis
9%
Speletjies
8%
ander
13%

Dit sal u lyn belyn

elemente in die middel van die bladsy, en skep ‘n eenvormige uitleg wat pas by die spesifieke aard van u webwerf (sien hieronder):

Hierdie teks is in lyn met mekaar
Hierdie teks is in lyn met mekaar
Hierdie teks is in lyn met mekaar

Die ‘Href’-attribuut

HTML5 bevat ook ‘n hele paar fantastiese API’s waarmee u ‘n beter gebruikerservaring en ‘n vlekker, meer dinamiese webtoepassing kan bou – hier is ‘n vinnige lys van inheemse API’s:
  • Sleep en sleep (DnD)
  • Offline-bergingsdatabasis
  • Bestuur van blaaiergeskiedenis
  • Dokumentredigering
  • Tydige mediaweergawe

As u ‘n sigbare webwerf gaan bou, is dit belangrik dat u inkomende sowel as uitgaande skakels insluit. Die opstel van ‘n skakelportefeulje wat terugskakels na interne bestemmingsbladsye insluit, is ook ‘n lewensvatbare strategie, dus u moet leer hoe om dit in HTML te kodeer.

HTML-skakels word gedefinieer met die etiket, wat die bestemmingskakel bevat, sowel as die aangeslote ankerteks wat die URL sal huisves. Dit is die ‘href ’ kenmerk wat die webwerfadres spesifiseer, maar dit word opgeneem as deel van die beginkaartjie. Dit word soos volg in HTML gekodeer:

Google

Dit beklemtoon duidelik die onderskeid tussen die begin- en die sluitingsetiket en sal soos volg op u bestemmingsblad vertaal word:

HTML5 word nie deur een maatskappy beheer nie. Een van die beste kenmerke daarvan lê in die feit dat dit ‘n oop standaard is. Ontwikkelaars het die vryheid om hul kreatiwiteit te laat vloei en soveel funksies en funksies by te voeg as wat hulle kan


Die kenmerk ‘Kleur’

Dit is nog ‘n belangrike kenmerk, omdat die gebruik van kleur u webwerf kan inasem en dit help om belangrike kontraste en ‘n sterk estetiese ontwerp te skep. In HTML kan ‘n kleur gespesifiseer word deur die naam te gebruik, hoewel dit ook moontlik is om ‘n RGB- of HEX-waarde te gebruik om hierdie doel te bereik. Die vorige opsie is egter die maklikste om te volg, terwyl dit ook op opskrifte, paragrawe en ander elemente op u bladsy toegepas kan word..

HTML5-doek
Bekyk HTML5 Canvas [Cheat Sheet]

Dit is ‘n stylkenmerk, met u keuse van kleur wat die waarde wat u wil stel, verteenwoordig. As u byvoorbeeld die rooi kleur op ‘n hoofopskrif toepas, sal dit so lyk:

Agtergrondkleur met rooi gebruik

Sodra dit toegepas is, sal hierdie element soos volg op u webwerf verskyn:

Agtergrondkleur met rooi gebruik
In vergelyking met ander blaaiers, sorg elke Google Chrome-opdatering om ondersteuning vir HTML5 in te sluit. Boonop is YouTube se standaardspeler nou HTML5 en word Google se Flash-advertensies nou omgeskakel na HTML5


Daar is weereens ‘n duidelike onderskeid tussen die begin- en sluitmerkies wat die element definieer, terwyl dit een van die maklikste eienskappe is wat in HTML toegepas kan word. Dit beklemtoon ook die naam =”waarde-formaat van HTML-attribute, wat die leerproses en toepassing daarvan op u webwerf vergemaklik.

Toets jouself

Met ‘n basiese begrip van HTML en die individuele elemente daarvan, is die volgende stap om enkele eenvoudige projekte te onderneem en u teoretiese kennis toe te pas om praktiese uitdagings op te los.

Blaaier-gebaseerde toepassings met HTML5 het geen probleem met geoligging nie

In die onderstaande oefening het ons ‘n teks bevat, behalwe en gevra om verskillende aspekte met HTML te formateer. Gebruik die gids en alles wat u tot dusver geleer het om die uitdaging te voltooi terwyl u voorberei om u eie webwerf te kodeer.
________________________________________

Hoofopskrif

Welkom op ons webwerf, Voorbeeld.com! Ons hoop dat u dit geniet om ons inhoud te lees, voel vry om na ons uit te reik.

Dankie vir jou besoek!

Leer meer.

Gebruik van HTML5 deur ontwikkelaars
(volgens streek)

Noord- en Latyns-Amerika
70%
Suid-Amerika
61%
ASPAC
60%
Australië
60%
Europa
59%
Afrika
50%

________________________________________

Vrae:

  1. Voltooi die kopelement met die regte sluitingsplaatjie.
  2. Maak die opskrif vet.
  3. Plaas ‘n horisontale lyn onder die kop.
  4. Gebruik die kleurkenmerk en -skakering ‘Dankie vir jou besoek’ in groen
  5. Voeg hierdie hiperskakel in (https://www.w3schools.com/html/) in die ankerteks in “Leer
    meer.”
  6. Gebruik die naam = op die bladsykant”waarde-formaat om die paragrawe links in lyn te bring


Afsluiting

Terwyl HTML eers so onlangs as 1991 geskep is (met die eerste weergawe van die koderingstaal wat later in 1995 bekendgestel is), het dit vinnig ‘n belangrike instrument geword in die ontwerp van funksionele en visueel aantreklike webwerwe. HTML se invloed beïnvloed ook steeds, met die nuutste iterasie (HTML5) wat deur ‘n groeiende aantal webwerwe regoor die wêreld aangeneem word..

In hierdie opsig is die leer van die basiese elemente van HTML en hoe om dit toe te pas, die belangrikste stap wat u sal neem om ‘n suksesvolle, sigbare en uiteindelik mededingende webwerf te vestig..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map