Kaip sukurti HTML puslapį

Jei norite susikurti savo tinklalapį, turite suprasti HTML. This article explains how to create an HTML page. Taip pat, sužinosite, kaip sukurti xml svetainės schemą ir kaip pridėti paveikslėlį bei nuorodą. Taip pat svarbu sukurti XML svetainės schemą, kurie gali padėti tvarkyti svetainę ir padidinti srautą. Kitas žingsnis yra šablono pasirinkimas.

Creating a html page

HTML yra žymėjimo kalba. Kiekvienas tinklalapio elementas yra pavaizduotas žyma. Žyma identifikuojama kampiniais skliaustais, ir kiekvienas elementas turi vieną ar daugiau žymų. Kai kuriems elementams reikia tik vienos žymos; kitiems gali prireikti dviejų. Atidarymo ir uždarymo žymos turi į priekį pasvirąjį brūkšnį (/). Pavyzdžiui, pastraipos elementas pavaizduotas p žyma. Tekstas tarp pradžios ir pabaigos žymų yra pastraipos tekstas.

Norėdami sukurti HTML dokumentą, jums reikės naudoti teksto rengyklę. Daugumoje kompiuterių pagal numatytuosius nustatymus yra teksto rengyklė. „Windows“ vartotojai naudos „Internet Explorer“., o Mac vartotojai gali naudoti TextEdit. Norėdami sukurti profesionaliai atrodantį tinklalapį, galite įdiegti įmantrią teksto rengyklę, bet pirmam HTML puslapiui, tai nėra būtina. Taip pat galite naudoti paprastą teksto rengyklę ir bet kurią žiniatinklio naršyklę. Jei nesate tikri, kurią programą naudoti, pabandykite atsisiųsti nemokamą HTML redaktorių.

html puslapyje yra dvi pagrindinės dalys: kūną ir galvą. Pagrindiniame skyriuje pateikiamas tikrasis svetainės turinys, o antraštės dalis naudojama pavadinimui ir metainformacijai. Kūne yra visi kiti elementai, įskaitant vaizdus ir kitą grafiką. Antraštės skyrius yra vieta, kur galite įdėti naršymo nuorodas. Baigę rašyti tekstą, esate pasirengę įterpti dokumento turinį. Būtinai naudokite kūno ir galvos elementus, kad jūsų svetainė būtų prieinama visiems.

Creating a xml sitemap

If you have an HTML page, galbūt norėsite sukurti XML svetainės schemą, kuri padėtų paieškos sistemoms tikrinti jūsų svetainę. Nors tai neturės įtakos jūsų paieškos reitingams, tai padės paieškos sistemoms suprasti jūsų turinį ir pakoreguoti tikrinimo dažnį. Tokiu būdu, Jūsų svetainė bus geriau matoma paieškos sistemos rezultatuose. Štai keli paprasti žingsniai, kaip pradėti:

Sukurti HTML svetainės schemą lengva. Viskas, ką jums reikia padaryti, tai padaryti paprastą savo svetainės puslapių lentelę, su nuorodomis į kiekvieną puslapį. Tada antraštėje arba poraštėje susiekite su svetainės schemos puslapiu. Tokiu būdu, nesvarbu, kiek puslapių yra jūsų svetainėje, žmonės gali lengvai juos naršyti. Be to, jums nereikia pateikti SEO, kad sukurtumėte svetainės schemą.

Kai jūsų HTML puslapis bus aktyvus, pateikite jį „Google Search Console“.. Galite naudoti bet kokį failo plėtinį ir pavadinti savo XML svetainės schemą. XML svetainės schemą galite pateikti „Google“., bet tai nėra būtina. „Google“ tikrintuvai paprastai gana gerai atranda naują turinį, ir jums nereikia jiems pateikti svetainės schemos. Taip pat galite pateikti jį kitoms paieškos sistemoms, bet tai negarantuoja, kad „Google“ jus atras.

Nebūtina pridėti XML svetainės schemos į savo tinklalapį, bet tai padidins jūsų svetainės SEO. Svetainių schemas naudoja paieškos sistemos, kad padėtų jiems indeksuoti puslapius, į kuriuos tinklalapis tiesiogiai nesusieja. Svetainių schemos taip pat padeda pagerinti raiškiosios medijos turinio prieinamumą. Svetainės schemos pridėjimas prie svetainės gali padėti padaryti svetainę lengviau pasiekiamą paieškos sistemų robotams.

Adding a picture

In HTML, galite pridėti vaizdą prie puslapio naudodami img žymą. Šioje žymoje yra tik vaizdas ir jo atributai; jam nereikia uždarymo žymos. Ši vaizdo žyma turėtų būti įterpta į HTML dokumento dalį. Be paveikslo pločio ir aukščio, turėtumėte įtraukti paveikslėlį apibūdinantį alt atributą. Alt žyma turėtų būti parašyta taip, tarsi rašytumėte aprašymą asmeniui, kuris jo nemato.

Norint pridėti paveikslėlį į HTML dokumentą, reikia šiek tiek CSS ir HTML žinių. Vaizdo dydis ir skiriamoji geba yra du svarbiausi veiksniai, į kuriuos reikia atsižvelgti. Nuo vaizdo dydžio priklausys, kaip jis tilps į dokumento turinį. Jei norite naudoti kitą skiriamąją gebą arba formato santykį, taip pat galite pabandyti pakeisti vaizdo dydį. Tačiau, atminkite, kad mastelio keitimas ne visada veikia taip, kaip tikitės.

Gera nykščio taisyklė koreguojant vaizdo dydį – padidinti jo plotį. Plotis turi būti bent vienu pikseliu mažesnis už aukštį. Jei vaizdas per mažas, kad būtų rodomas, galite pridėti kraštinę, tada sureguliuokite jį, kad atitiktų vaizdo dydį. Taip pat galite koreguoti vaizdo kraštinę, pridėdami ją prie kraštinės atributo. Krašto storis yra numatytoji vertė, bet jūs galite nustatyti bet kokią vertę. Įsitikinkite, kad vaizdas turi src atributą.

Adding a link

You can add a link in HTML to your document using an a> žyma su href atributu. Taip bus sukurta dokumento žymė ir atidaryta naujame skirtuke. Taip pat galite naudoti atributą href, kad įterptumėte vaizdą į dokumentą. Taip pat galite naudoti nuorodą su „JavaScript“ kodu, norėdami konvertuoti HTML mygtuką į nuorodą. Kai tai padarysite, galite stilizuoti savo nuorodą naudodami CSS arba JavaScript kodu.

Nuoroda yra ryšys iš vieno žiniatinklio šaltinio į kitą. Jis susideda iš dviejų galų, šaltinio inkaras ir paskirties inkaras. Nuoroda gali būti bet kokia – nuo ​​vaizdo iki tekstinio failo. Dauguma socialinių tinklų ir svetainių naudoja nuorodas, kad nukreiptų vartotojus į tam tikrą URL. HTML taip pat gali būti naudojamas nuorodos vietai nurodyti. Tai yra’ atributas leidžia susieti kodo elementus su URL.

Kuriant nuorodą, būtinai apsvarstykite, kaip lankytojai naudos turinį. Nuorodos tekstas turi būti aprašomasis, kad jie tiksliai žinotų, ko turėtų tikėtis. To paties URL kartojimas yra negražu ekrano skaitytuvams, ir tai nesuteikia jiems jokios naudingos informacijos. Ekrano skaitytuvai taip pat praneša naudotojams, kada yra nuorodų, padarydamos jas skirtingą stilių arba pabrauktas. Šiuo būdu, jie gali lengvai rasti reikiamą informaciją.

Adding a table

Adding a table to an HTML page is simple, bet yra keletas dalykų, kuriuos turėtumėte apsvarstyti prieš tai darydami. Jūsų lentelės fono spalva yra labai svarbi norint patraukti lankytojo dėmesį ir atkreipti dėmesį į svarbią informaciją. Galite nustatyti kitą lentelės antraštės elemento ir duomenų elemento spalvą naudodami šešioliktainius spalvų kodus arba spalvų pavadinimus. Bet kuriuo budu, jūsų stalas bus lengvai matomas.

Galite pridėti lentelės antraštę ir lentelės duomenis naudodami elementą td, kuri apibrėžia individą “dėžės” už turinį. Lentelės antraštės pridėjimas yra pirmasis žingsnis norint pateikti duomenis tinklalapyje, ir, jei norite, turėtumėte pridėti pirmąjį. Lentelėje taip pat turi būti trys eilučių antraštės. Viena antraštė turi būti tuščia. Jei jūsų lentelėje yra stulpelių, taip pat turėtumėte sukurti kiekvieno stulpelio eilučių antraštes.

Taip pat galite pridėti antraštes prie lentelės. Antraštė yra pasirenkamas elementas, apibūdinantis lentelės paskirtį. Antraštės taip pat naudingos prieinamumui. Lentelėje taip pat gali būti langelių, apibūdinančių duomenų grupes. Pagaliau, galite pridėti antraštės elementą, kad apibrėžtumėte eilučių ir stulpelių rinkinį. Galite naudoti abu elementus kartu arba atskirai. Jūs netgi galite juos naudoti kartu, bet antraštė yra pati svarbiausia.

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 elementas yra specialus teksto konteineris, vaizdai, ir kiti elementai. Galite pavadinti jį kaip tik norite ir pakeisti jo atributus, kad atitiktų jūsų poreikius. Taip pat galite pridėti klasę arba paraštę, kad sukurtumėte tarpą tarp div ir kitų puslapio elementų.

Taip pat galite naudoti atributą innerHTML, kad įterptumėte kodą į div. Šis metodas priima kodą, įtrauktą į eilutę, ir jei jis nėra skirsnyje, turinys bus pašalintas. Tokiu būdu neturėtumėte įterpti kodo į div, nes tai gali atskleisti jūsų svetainę kelių svetainių scenarijų pažeidžiamumui. Jei naudojate scenarijų kalbą, pvz., JavaScript, galite naudoti innerHTML atributą.

Div yra pagrindinė HTML žyma, naudojama kodui sugrupuoti dokumente. Jame gali būti pastraipa, blokuoti citatą, vaizdas, garso, ar net antraštė. Jo padėtis leidžia taikyti vienodą stilių ir kalbą skirtingose ​​puslapio dalyse. Divus geriausia naudoti žymint semantiką, kuri yra bendra nuoseklių elementų grupėms. Div turėtų būti naudojamas, kai norite pridėti stilių prie skyriaus neperrašydami viso puslapio.