Kuidas luua HTML-lehte

Kui soovite luua oma veebilehe, teil peab olema HTML-ist arusaam. This article explains how to create an HTML page. Samuti, õpid, kuidas luua xml saidiplaani ning kuidas lisada pilti ja linki. Samuti on oluline luua xml-saidiplaan, mis aitab teil oma saiti korrastada ja liiklust suurendada. Järgmine samm on malli valimine.

Creating a html page

HTML on märgistuskeel. Veebilehe iga elementi tähistab silt. Silt on identifitseeritud nurksulgudega, ja igal elemendil on üks või mitu silti. Mõned elemendid nõuavad ainult ühte silti; teised võivad vajada kahte. Avamis- ja sulgemissildil on kaldkriips (/). Näiteks, lõigu elementi esindab p silt. Alg- ja sulgemismärgendite vaheline tekst on lõigu tekst.

HTML-dokumendi loomiseks, peate kasutama tekstiredaktorit. Enamikul arvutitel on vaikimisi tekstiredaktor. Windowsi kasutajad kasutavad Internet Explorerit, samas kui Maci kasutajad saavad kasutada TextEditi. Professionaalse välimusega veebilehe loomiseks saate installida uhke tekstiredaktori, vaid teie esimese HTML-lehe jaoks, see pole vajalik. Võite kasutada ka lihtsat tekstiredaktorit ja mis tahes veebibrauserit. Kui te pole kindel, millist programmi kasutada, proovige alla laadida tasuta HTML-redaktor.

html-lehel on kaks põhiosa: keha ja pea. Kehaosa sisaldab veebisaidi tegelikku sisu, samas kui peaosa kasutatakse pealkirja ja metateabe jaoks. Keha sisaldab kõiki muid elemente, sealhulgas pilte ja muud graafikat. Päise jaotis on koht, kuhu saate oma navigeerimislingid panna. Kui olete keha kirjutamise lõpetanud, olete valmis dokumendi sisu sisestama. Kasutage kindlasti keha ja pea elemente, et teie veebisait oleks kõigile juurdepääsetav.

Creating a xml sitemap

If you have an HTML page, võiksite luua XML-saidiplaani, mis aitab otsingumootoritel teie veebisaidil roomata. Kuigi see ei mõjuta teie paremusjärjestust otsingus, see aitab otsingumootoritel teie sisu mõista ja oma roomamissagedust reguleerida. Nii, teie veebisait on otsingumootori tulemustes paremini nähtav. Siin on mõned lihtsad sammud alustamiseks:

HTML-i saidiplaani loomine on lihtne. Kõik, mida pead tegema, on teha oma saidi lehtedest lihtne tabel, linkidega igale lehele. Seejärel linkige päises või jaluses sellele saidiplaani lehele. Nii, olenemata sellest, kui palju lehti teie saidil on, inimesed saavad nendes hõlpsalt navigeerida. enamgi veel, saidiplaani loomiseks ei pea te SEO-d esitama.

Kui teie HTML-leht on aktiivne, esitage see Google'i otsingukonsoolile. Saate kasutada mis tahes faililaiendit ja anda oma XML-saidikaardile nime. Saate XML-saidiplaani Google'ile esitada, aga see pole vajalik. Google'i roomajad on üldiselt üsna head uue sisu avastamisel, ja te ei pea neile saidikaarti esitama. Saate selle esitada ka teistele otsingumootoritele, kuid see ei garanteeri, et Google teid avastab.

Oma veebilehele ei ole vaja XML-saidikaarti lisada, kuid see suurendab teie veebisaidi SEO-d. Otsingumootorid kasutavad saidikaarte, et aidata neil indekseerida lehti, millele veebileht otseselt ei viita. Saidikaardid aitavad parandada ka rikasmeedia sisu juurdepääsetavust. Saidiplaani lisamine veebisaidile võib aidata muuta saidi otsingumootori robotitele paremini juurdepääsetavaks.

Adding a picture

In HTML, saate lisada lehele pildi, kasutades img silti. See silt sisaldab ainult pilti ja selle atribuute; see ei nõua sulgevat silti. See pildimärgend tuleks sisestada HTML-dokumendi kehaosasse. Lisaks pildi laius ja kõrgus, peaksite lisama pilti kirjeldava atribuudi alt. Alt-silt tuleks kirjutada nii, nagu kirjutaksite kirjeldust inimesele, kes seda ei näe.

Pildi lisamine HTML-dokumendile nõuab CSS-i ja HTML-i teadmisi. Pildi suurus ja eraldusvõime on kaks kõige olulisemat tegurit, mida arvestada. Pildi suurus määrab, kuidas see dokumendi sisusse mahub. Kui eelistate kasutada teistsugust eraldusvõimet või kuvasuhet, võite proovida ka pildi suurust muuta. Kuid, pidage meeles, et skaleerimine ei tööta alati ootuspäraselt.

Hea rusikareegel pildi suuruse reguleerimiseks on selle laiuse suurendamine. Laius peaks olema vähemalt ühe piksli võrra väiksem kui kõrgus. Kui pilt on kuvamiseks liiga väike, saate lisada äärise, ja seejärel reguleerige see pildi suurusele vastavaks. Samuti saate pildi äärist reguleerida, lisades selle piiriatribuudile. Piiri paksus on vaikeväärtus, kuid saate määrata selle mis tahes väärtusele. Veenduge, et pildil oleks src atribuut.

Adding a link

You can add a link in HTML to your document using an a> tag atribuudiga href. See loob dokumendile järjehoidja ja avab selle uuel vahelehel. Saate kasutada ka atribuuti href, et lisada dokumenti kujutis. HTML-nupu lingiks teisendamiseks saate kasutada ka linki JavaScripti koodiga. Kui olete seda teinud, saate oma lingi stiilida CSS- või JavaScript-koodiga.

Link on ühendus ühest veebiressursist teise. See koosneb kahest otsast, lähteankur ja sihtkoha ankur. Link võib olla ükskõik milline, alates pildist kuni tekstifailini. Enamik suhtlusvõrgustikke ja veebisaite kasutab linke, et suunata kasutajad kindlale URL-ile. HTML-i saab kasutada ka lingi asukoha määramiseks. See on’ atribuut võimaldab linkida koodielemente URL-iga.

Lingi kujundamisel, Mõelge kindlasti sellele, kuidas teie külastajad sisu kasutavad. Lingi tekst peaks olema kirjeldav, et nad teaksid täpselt, mida nad peaksid ootama. Sama URL-i kordamine on ekraanilugejate jaoks inetu, ja see ei anna neile mingit kasulikku teavet. Ekraanilugerid annavad kasutajatele teada ka linkide olemasolust, muutes need erineva stiiliga või allajoonituna. Sellel viisil, nad leiavad hõlpsasti vajaliku teabe.

Adding a table

Adding a table to an HTML page is simple, kuid enne selle tegemist peaksite kaaluma mõnda asja. Tabeli taustavärv on ülioluline, et püüda külastaja pilku ja juhtida tähelepanu olulisele teabele. Saate määrata tabeli päiseelemendile ja andmeelemendile erineva värvi, kasutades hex värvikoode või värvinimesid. Nii või teisiti, teie laud on hästi nähtav.

Tabeli päise ja tabeliandmeid saab lisada elemendiga td, mis määratleb indiviidi “kastid” sisu jaoks. Tabeli päise lisamine on esimene samm andmete kuvamiseks veebilehel, ja kui soovite, peaksite lisama esimese. Tabelis peaks olema ka kolm rea pealkirja. Üks päis peaks olema tühi. Kui teie tabelis on veerge, Samuti peaksite iga veeru jaoks looma reapäised.

Samuti saate tabelisse lisada pealdisi. Pealkiri on valikuline element, mis kirjeldab tabeli eesmärki. Subtiitrid on abiks ka juurdepääsetavuse jaoks. Tabel võib sisaldada ka andmerühmi kirjeldavaid lahtreid. Lõpuks, saate lisada pealkirja elemendi, et määratleda ridade ja veergude komplekt. Saate kasutada mõlemat elementi koos või eraldi. Saate neid isegi kombineeritult kasutada, aga pealkiri on kõige tähtsam.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Div element on teksti jaoks spetsiaalne konteiner, pilte, ja muud elemendid. Saate seda nimetada ükskõik milliseks ja muuta selle atribuute vastavalt oma vajadustele. Võite lisada ka klassi või veerise, et luua tühik div ja muude lehel olevate elementide vahele.

Võite kasutada ka atribuuti innerHTML koodi sisestamiseks lahtrisse div. See meetod aktsepteerib stringi suletud koodi, ja kui see pole jaotises div, sisu eemaldatakse. Sel viisil peaksite vältima koodi sisestamist lahtrisse div, kuna see võib teie veebisaidi paljastada saidiülese skriptimise haavatavustele. Kui kasutate skriptikeelt, näiteks JavaScripti, saate kasutada atribuuti innerHTML.

Div on põhiline HTML-märgend, mida kasutatakse dokumendis koodi rühmitamiseks. See võib sisaldada lõiku, plokktsitaat, pilt, heli, või isegi päis. Selle asend võimaldab teil lehe erinevatele osadele rakendada ühtset stiili ja keelt. Dive on kõige parem kasutada järjestikuste elementide rühmadele ühise semantika märgistamiseks. Divi tuleks kasutada siis, kui soovite jaotisele stiili lisada, ilma et peaksite kogu lehte ümber kirjutama.