How to Create a Website in Just a Few Hours

Sukurti svetainę neturi būti sunku. Šiame straipsnyje, we’ll walk through the basics of html page creation and how to create a mini-includes list. Kitas, aptarsime, kaip naudoti html>-žyma, kad paryškintumėte tekstą. Galų gale, parodysime, kaip susikurti svetainę vos per kelias valandas. Taip pat apžvelgsime keletą kitų naudingų metodų.

Creating a html page

HTML is the language used to build web pages. Ji apibrėžia tinklalapio struktūrą, o CSS valdo, kaip turinys bus rodomas. Sukurti paprastą HTML puslapį nėra sunku. Štai žingsnis po žingsnio vadovas, kaip pradėti. Kai turėsite paprastą HTML puslapį, esate pasirengę kurti sudėtingesnius ir dinamiškesnius. Pradėti, jums reikės teksto rengyklės ir žiniatinklio naršyklės.

Taip pat galite naudoti tekstų rengyklę, pvz., MS Word, kad sukurtumėte savo tinklalapio turinį. Norėdami sujungti tekstą vienas su kitu, galite naudoti hipersaitus. Taip pat galite išsaugoti failą kaip html failą, tinklalapį. Šis metodas veikia gerai, bet tokiu būdu sukurti puslapiai yra didžiuliai ir neatrodo gerai naršyklės lange. Vienintelis šio metodo trūkumas yra tai, kad jūs turite išmokti naudotis turimomis priemonėmis.

HTML yra žymėjimo kalba, o tai reiškia, kad norint formatuoti puslapio turinį, reikia įtraukti žymas. Kiekviena žyma reiškia vieną iš puslapio elementų. Žyma identifikuojama pagal kampinį skliaustą. Kai kuriems elementams reikia tik vienos žymos, o kitiems reikia dviejų. Baigiamojoje žymoje yra pasvirasis brūkšnys. Pavyzdžiui, pastraipos žyma sukuria elementą, vadinamą pastraipa. Tekstas tarp pradžios ir pabaigos žymų sudaro pastraipos tekstą. Panašiai, ul žyma sukuria netvarkingą sąrašą.

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. HTML puslapį galima suskirstyti į keletą poskyrių, kiekviename skyriuje yra elementų sąrašas. Šie elementai naudojami skirtingiems tikslams. Galite naudoti tipo atributą, kad būtų rodoma abėcėlės tvarka. Taip pat galite naudoti mažąsias raides, kad sukurtumėte elementų sąrašą su raidėmis a, b, arba c.

Pridėti elementą lengva. Paprastame HTML dokumente yra žymų, kurios apibrėžia jo turinį. Šios žymos paprastai pateikiamos poromis. Pradinė žyma naudojama joje esantiems elementams išvardyti, o uždarymo žyma uždaro elementą. Atidarymo žyma, arba galva, apima aprašomąją informaciją apie dokumentą. Ši informacija gali apimti pavadinimą, stiliaus lapo informacija, scenarijus, arba meta informacija. Uždarymo žyma, iš kitos pusės, uždaro elementą.

Naudojant html>-žyma

html>-žyma naudojama pagrindinei HTML dokumento turinio sričiai apibrėžti. Pagrindinę turinio sritį sudaro tekstas, susijęs su pagrindine puslapio tema arba funkcionalumu. Jis turi skirtis nuo kito svetainės turinio. Kitas turinys puslapyje gali būti rodomas šoninių juostų pavidalu, navigacijos nuorodos, autorių teisių informacija, svetainės logotipai, ir paieškos formos. HTML puslapis turi sekti html>-žyma turi būti laikoma HTML puslapiu.

Atributas href= atidaro nuorodos elementą. Po to, kai “=” ženklas, turėtumėte įklijuoti nuorodos URL. Taip pat vienoje antraštėje galite naudoti kelias pastraipos eilutes. Uždarymo laikiklis yra būtinas. Taip išvengsite klaidingo nuorodų interpretavimo. Kad html puslapį būtų lengviau skaityti, pridėti nuorodą į savo svetainę. html>-leis jums pridėti nuorodas, nukreipiančias į kitą tinklalapį.

HTML failas turės a.html plėtinį, kuris praneš jūsų kompiuteriui, kad tai yra HTML failas. Vietoj tarpų geriausia naudoti brūkšnelį, nes tarpai neleis interneto naršyklei rasti failo. Kai baigsite sukurti HTML puslapį, turėsite jį išsaugoti. Kitas, eikite į aplanką su HTML failu ir spustelėkite jį dešiniuoju pelės mygtuku. Jis turėtų atrodyti panašus į toliau pateiktą ekrano kopiją.

Naudojant html>-žyma, kad paryškintumėte tekstą

You can use the mark> žyma, kad paryškintumėte tekstą HTML dokumentuose. Tai palyginti naujas HTML 5 funkcija, ir apibrėžia paryškintą pastraipos dalį. Žymė> žyma veikia pakeisdama pagrindinio HTML dokumento fono spalvos ypatybę. Žymė> žyma palaiko ir visuotinius, ir įvykių atributus. Tekstas bus paryškintas geltonai arba juodai. Taip pat galima pakeisti pagrindinio CSS failo teksto spalvą.

Dauguma ekrano skaitytuvų nepaskelbia ženklo elemento, bet galite naudoti CSS turinio ypatybę or.before ir.af pseudoelementai, kad būtų aišku, kurį tekstą norite paryškinti. Skelbimai yra išsamūs ir papildo puslapį nereikalinga informacija, todėl turėtumėte juos naudoti saikingai. Pavyzdžiui, galite naudoti pranešimus, kad paryškintumėte paieškos terminą arba blokuotumėte citatas. Pranešimus palaiko visos pagrindinės naršyklės.

Be fono spalvos stiliaus, galite naudoti „išryškinti“.’ klasėje, kad paryškintumėte tekstą savo HTML dokumente. Fono spalvos stilių palaiko visos naršyklės. Taip pat galite naudoti žodį „geltona“.’ vietoj spalvos kodo. Tą patį kodą galite naudoti norėdami paryškinti pastraipą ar teksto dalį. Tekstui paryškinti taip pat galite naudoti CSS klases.

Naudojant html>-tag to create a mini-includes list

html>-žyma naudojama mini įtraukimų sąrašui sukurti. Jame yra atitinkama uždarymo žyma, o elemento pavadinimas rašomas mažosiomis raidėmis. HTML dokumentai yra koduojami naudojant UTF-8 simbolių kodavimą, kuri palaiko unikodo simbolių įtraukimą. Kai naudojate html>-žyma, būtinai pasirinkite UTF-8 “Išsaugoti kaip” dialogo langas.

Naudojant html>-žymą, kad HTML puslapyje būtų lengva pridėti mini įtraukimų sąrašą. Šią žymą galite naudoti bet kuriam elementui, kuris palaiko netvarkingą sąrašą. Naršymo meniu netgi galite naudoti nesutvarkytą sąrašą. Elementas dl apima terminų ir aprašymų porų sąrašą. Sutvarkyto sąrašo elementai rodomi su didėjančiu skaitikliu kairėje. Taip pat galite praleisti elementą dl, jei po sąrašo elemento iš karto eina kitas elementas.

Kitas būdas įterpti mini įtraukimų sąrašą yra pridėti poraštės elementą į HTML dokumentą. Šis elementas žymi artimiausio skirstymo turinio poraštę. Paprastai joje pateikiama informacija apie autorių, autorių teisių duomenys, arba nuorodas į susijusius dokumentus. Naudojant html>-tag to create a mini-includes list on an HTML page

Naudojant html>-tag to highlight individual text blocks

HTML5 highlights individual text blocks with the mark> elementas. Ši HTML5 žyma pakeičia šaltinio turinio spalvą į tam tikrą geltonos arba juodos spalvos atspalvį, leidžiantis skaitytojui atskirti svarbų tekstą. Jis taip pat gali būti naudojamas norint nurodyti turinio dalis, kurioms reikia daugiau dėmesio nei kitam tekstui. Žymė> elementas palaiko visuotinius atributus ir įvykių atributus HTML. Kai naudojamas teisingai, ši HTML5 žyma gali pagerinti tinklalapio skaitomumą.

HTML4 standartas panaikina fizinio stiliaus simbolių lygio žymas. Jie užsiima pristatymu, ir šiems tikslams geriau naudoti CSS. HTML5 juos iš naujo pristatė. Jie nebėra pasenę, bet jie vis tiek nėra vienintelis būdas paryškinti atskirus teksto blokus. Naudokite CSS, kad paryškintumėte atskirus teksto blokus naudodami HTML5! Šis paprastas metodas išryškins atskirus teksto blokus turinio dalyje.

Plūdė: Galite naudoti šią CSS ypatybę norėdami perkelti elementą į kairįjį arba dešinįjį elemento, kuriame yra, kraštą. Jis gali būti naudojamas kuriant tinklelį arba stulpelius. Taip pat galite naudoti CSS ypatybę, vadinamą float, norėdami perkelti iframe arba vaizdą į kairę arba dešinę naršyklės paraštę. Šie atributai palengvina atskirų blokų paryškinimą naudojant CSS.