Is u 'n blogger? Dan kan u baat vind by die kennis van 'n HTML-kode
Verward oor HTML-kode? Jy is nie die enigste nie.
Ek sal dit erken. Toe ek vir die internet begin skryf, het ek geweet van zilch HTML-kode. En ek sal dit weer erken. Ek weet nog steeds nie veel nie.
Ek het egter gevind dat ‘n bietjie HTML-kennis dinge makliker kan maak as ek vir die internet skryf.
Natuurlik, ek weet nie hoe om ‘n webwerf te bou nie, maar weet wel hoe om klein komponente aan te pas, en as ek te kampe het met ‘n redigeringstelsel wat HTML-kode benodig – wat u waarskynlik ook sal deurloop – weet ek genoeg om my teks korrek te formateer.
Wil u die verwarring uitskakel en ‘n bietjie leer oor HTML-kodering? Laat ons begin.
1 Wat is HTML-kode?
2 Waarom dit goed is vir bloggers om te weet
3 Algemene kodes wat bloggers gebruik
3.1 Skeletal tags
3.3 Hier is ‘n voorbeeld van hoe dit vertaal word: Dit is opskrif 5 Dit is opskrif 5 Inlynteksetikette
3.4 Lys etikette
3.5 Beeld- en skakeletikette
Wat is HTML-kode?
U het dit al gesien, maar u weet waarskynlik nie wat al die HTML-gibberish beteken nie.
Dit staan ​​voor Hypertext Markup Language. HTML is ‘n gestandaardiseerde stelsel wat gebruik word vir die formatering van dokumente. Die kodes wat gebruik word — genaamd opmerketikette — kan lettertipes, teksgrootte, kleur, hiperskakels, paragrawe en meer formateer.
Webblaaiers lees HTML en gebruik die etikette om te bepaal hoe om die inhoud te vertoon. ‘N Voorbeeld van ‘n etiket is die een wat vetgedrukte teks skep, wat so lyk:
Dit is vetgedrukte teks.
Op die bladsy lyk dit so:
Daar was deur die jare baie weergawes van HTML, maar vanaf Oktober 2014 is HTML5 die gestandaardiseerde opmaaktaal van die web.
Waarom dit goed is vir bloggers om te weet
Alhoewel u dit kan regkry sonder om HTML as blogger te ken en eerder ‘n bietjie bedrog te doen – soos om ‘n program te gebruik wat u formatering omskakel na HTML-taal, kan ‘n paar basiese etikette regtig help as u blog.
Hier is ‘n paar situasies waarin ek dit persoonlik nuttig gevind het:
As gaste blog, wil sommige webwerwe dat u outeur bio-formateer. Met ‘n bietjie kennis, kan u skakels en kursivering byvoeg waar nodig.
As iets afkyk, kan u na die HTML op die bladsy kyk en kyk wat die probleem veroorsaak.
In aanlyn-netwerke kan u HTML-tags gebruik om opmerkings oor blogplasings en forumopmerkings te formateer.
As u genoeg leer oor HTML, kan u ‘n bietjie leer oor CSS en geringe aanpassings op u webwerf maak sonder om ‘n ontwerper te huur..
Algemene kodes wat bloggers gebruik
Voordat ons te diep inspring, moet u weet dat HTML-etikette sleutelwoorde is wat tussen hakies is. Hierdie etikette kom in pare voor, en dit sal beïnvloed word tussen die beginetiket en die eindetiket. Die eindetiket word dieselfde geskryf as die beginetiket, maar dit gebruik ‘n streep voor die naam van die etiket.
Klink verwarrend? Dit is makliker as ek ‘n paar voorbeelde gee. Kom ons kyk na enkele van die algemene HTML-tags wat u as blogger moet ken.
Eerstens kom die skeletetikette. Dit is wat u nie noodwendig sal gebruik nie, maar dit help om dit te ken. Hierdie etikette lê die grondslag vir die dokument, vandaar die term “skeletetikette”. Dit sal deur die webblad gelees word, maar sal nie in visuele elemente vertaal word nie.
Desondanks is dit goed om te weet. Het u byvoorbeeld al ooit saamgewerk met ‘n program wat vra dat u ‘n kode in die “hoof” -afdeling van u webwerf plak? U kan dit vind met ‘n bietjie HTML-kennis. Hier is ‘n paar skeletetikette wat u moet ken:
: Hierdie gedeelte beskryf die HTML-dokument.
: Hierdie afdeling bevat inligting oor die dokument.
: Dit verskaf die titel van die dokument.
: Dit beskryf visuele bladsyelemente. Dit is in die liggaamsdeel van die bladsy dat bloggers HTML-aanpassings sal maak indien nodig. Die res van die genoemde etikette word binne die liggaam van die dokument gevind.
: Hierdie merker beskryf ‘n paragraaf.
Onthou dat u bladsyteks in die begin- en eindetikette omring is. Hier is ‘n voorbeeld:
Dit is paragraaf teks.
Opskrifetikette word gebruik om dokumenthiërargie te wys. U gebruik waarskynlik reeds opskrifte in die formatering van u blog, maar die verskil tussen opskrifte 1-6 beteken meer as net teksgrootte en lettergewig. Dit gee ook ‘n gevoel van hiërargie aan webblaaiers en soekenjinsbots.
Opskrif 1 moet gebruik word vir die hoofopskrif van die dokument, soos die titel van u blogpos. Opskrif 2 moet sekondêre inligting wees, soos u primêre onderhoofde. Gebruik opskrif 3 vir sub-subopskrifte, ensovoorts deur opskrif 6. Hierdie merkers lyk soos volg:
Hier is ‘n voorbeeld van hoe dit vertaal word:
Dit is opskrif 5
Inlyntekste is diegene wat u sal gebruik om teks binne blokvlak-etikette te formateer, soos
. Hier is voorbeelde van wat u gereeld sal gebruik.
: Dit definieer beklemtoonde teks, wat die meeste blaaiers kursiveer.
: Dit definieer sterk beklemtoonde teks, wat die meeste blaaiers vetdruk.
: Dit formateer ‘n kwotasie.
: Hier verskyn teks wat verwyder is, wat dikwels soos ‘n deurslag vertaal word.
Soos u opgemerk het, het ek deur die loop van hierdie blogpos verskillende kolpuntlyste gebruik. Maar hoe het ek dit gedoen? Hier is die etikette wat u moet ken:
: Dit definieer ‘n lyselement.
: Hierdie merker gaan rondom ‘n ongeordende lys wat as kolpuntpunte vertoon word.
: Hierdie merker gaan rondom ‘n geordende lys wat as getalle vertoon word.
Hier is ‘n voorbeeld van hoe die HTML-kode vir ‘n geordende lys sal lyk:
Lys item 1
Lys item 2
Lys item 3
So verskyn dit op die bladsy:
Beeld- en skakeletikette
Kom ons kyk eers vinnig hoe ons prente en skakels kan plaas. Dit is miskien makliker om die kode te sien en dan u inligting in te vul as u die tags gebruik:
Moenie die aanhalingstekens rondom u URL verwyder nie. Voeg u URL tussen die aanhalingstekens in. U ankerteks is die teks wat op die bladsy verskyn.
Kom ons kyk na ‘n voorbeeld. As ek wou skakel na ‘n vorige Hosting Kingdom-artikel, sou die kode só lyk:
As u ‘n domein deur u webgasheer registreer?
Die skakel verskyn soos volg op die bladsy:
Die kode vir ‘n beeld lyk so:
Let daarop dat dit ‘n nie-houer-etiket is; dit het dus nie die eindetiket nie, maar u benodig die src-attribuut. U kan ekstras by hierdie etiket voeg, soos alternatiewe teks of ‘n grootte-definisie. Dit sou so lyk:
Maak seker dat u nie die aanhalingstekens verwyder nie.
nota: U kan verskillende kodes sien wat vir dieselfde ding gebruik kan word. Ek het byvoorbeeld die , , en etikette wat gebruik word om teks te vet, hoewel hulle verskillend op verskillende blaaiers kan verskyn.
HTML hoef nie so verwarrend te wees soos wat dit lyk nie. Gebruik interaktiewe webwerwe soos om HTML te oefen en ‘n beter gevoel daarvoor te kry Kode Akademie, en laat ons weet hoe dit gaan in die kommentaarafdeling.