Sut i Greu Gwefan mewn Dim ond Ychydig Oriau

Nid oes rhaid i greu gwefan fod yn anodd. Yn yr erthygl hon, byddwn yn cerdded trwy hanfodion creu tudalen html a sut i greu rhestr cynnwys bach. Nesaf, byddwn yn trafod sut i ddefnyddio'r html>-tag i amlygu testun. Yn y pen draw, byddwn yn dangos i chi sut i greu gwefan mewn ychydig oriau yn unig. Byddwn hefyd yn ymdrin â rhai technegau defnyddiol eraill.

Creu tudalen html

HTML yw'r iaith a ddefnyddir i adeiladu tudalennau gwe. Mae'n diffinio strwythur y dudalen we ac mae CSS yn rheoli sut mae'r cynnwys yn cael ei arddangos. Nid yw'n anodd creu tudalen HTML sylfaenol. Dyma ganllaw cam wrth gam i ddechrau arni. Unwaith y bydd gennych dudalen HTML sylfaenol, rydych chi'n barod i greu rhai mwy cymhleth a deinamig. I ddechrau, bydd angen golygydd testun a phorwr gwe arnoch chi.

Gallwch hefyd ddefnyddio prosesydd geiriau fel MS Word i greu'r cynnwys ar gyfer eich tudalen we. Gallwch ddefnyddio hyperddolenni i gysylltu testun â'i gilydd. Gallwch hefyd arbed y ffeil fel ffeil html, tudalen we. Mae'r dull hwn yn gweithio'n dda, ond mae'r tudalennau rydych chi'n eu creu fel hyn yn enfawr ac nid ydyn nhw'n edrych yn dda mewn ffenestr porwr. Yr unig anfantais i'r dull hwn yw bod yn rhaid i chi ddysgu sut i ddefnyddio'r offer sydd ar gael.

Iaith marcio yw HTML, sy'n golygu bod angen cynnwys tagiau er mwyn fformatio'r cynnwys ar y dudalen. Mae pob tag yn cynrychioli un o elfennau'r dudalen. Mae tag yn cael ei adnabod gan fraced ongl. Dim ond un tag sydd ei angen ar rai elfennau, tra bod eraill angen dau. Mae tag cau yn cynnwys blaenslaes. Er enghraifft, mae'r tag paragraff yn creu elfen o'r enw paragraff. Y testun rhwng y tagiau agor a chau yw testun y paragraff. Yr un modd, mae'r tag ul yn creu rhestr heb ei threfnu.

Creu rhestr fach yn cynnwys

Mae creu adran cynnwys bach yn ffordd effeithiol o gysylltu gwahanol elfennau ar yr un dudalen we. Gellir rhannu tudalen HTML yn sawl is-adran, gyda phob adran yn cynnwys rhestr o elfennau. Mae gan yr elfennau hyn wahanol ddibenion. Gallwch ddefnyddio'r priodoledd math i ddangos trefn yr wyddor. Gallwch hefyd ddefnyddio llythrennau bach i greu rhestr o elfennau gyda'r llythrennau a, b, neu c.

Mae ychwanegu elfen yn hawdd. Mae dogfen HTML syml yn cynnwys tagiau sy'n diffinio ei chynnwys. Mae'r tagiau hyn fel arfer yn dod mewn parau. Defnyddir y tag agoriadol i restru'r elfennau ynddo, tra bod y tag cau yn cau'r elfen. Y tag agoriadol, neu ben, yn cynnwys gwybodaeth ddisgrifiadol am y ddogfen. Gall y wybodaeth hon gynnwys teitl, gwybodaeth taflen arddull, sgriptiau, neu feta gwybodaeth. Y tag cau, ar y llaw arall, yn cau'r elfen.

Gan ddefnyddio'r html>-tag

Mae'r html>-defnyddir tag i ddiffinio prif faes cynnwys dogfen HTML. Mae'r prif faes cynnwys yn cynnwys testun sy'n gysylltiedig â phwnc canolog neu ymarferoldeb y dudalen. Rhaid iddo fod yn unigryw i gynnwys arall ar y wefan. Gall cynnwys arall ymddangos ar y dudalen ar ffurf bariau ochr, dolenni llywio, gwybodaeth hawlfraint, logos safle, a ffurflenni chwilio. Rhaid i dudalen HTML ddilyn yr html>-tag i gael ei ystyried yn dudalen HTML.

Mae'r briodwedd href= yn agor yr elfen gyswllt. Ar ôl y “=” arwydd, dylech gludo URL y ddolen. Gallwch hefyd ddefnyddio llinellau paragraff lluosog mewn un pennawd. Mae'r braced cau yn hanfodol. Bydd hyn yn atal eich dolenni rhag cael eu camddehongli. I wneud y dudalen html yn haws i'w darllen, ychwanegu dolen i'ch gwefan. Mae'r html>-Bydd tag yn caniatáu ichi ychwanegu dolenni sy'n pwyntio at dudalen we arall.

Bydd gan ffeil HTML estyniad a.html a fydd yn dweud wrth eich cyfrifiadur ei fod yn ffeil HTML. Mae'n well defnyddio cysylltnod yn lle bylchau, gan y bydd bylchau yn atal porwr gwe rhag dod o hyd i'r ffeil. Unwaith y byddwch wedi cwblhau creu tudalen HTML, bydd yn rhaid i chi ei arbed. Nesaf, llywiwch i'r ffolder gyda'r ffeil HTML a de-gliciwch arno. Dylai ymddangos yn debyg i'r sgrinlun isod.

Gan ddefnyddio'r html>-tag i amlygu testun

Gallwch ddefnyddio'r marc> tag i amlygu testun mewn dogfennau HTML. Mae'n HTML cymharol newydd 5 nodwedd, ac mae'n diffinio rhan wedi'i hamlygu o baragraff. Y marc> mae tag yn gweithio trwy newid priodwedd lliw cefndir y ddogfen HTML waelodol. Y marc> tag yn cefnogi Nodweddion Byd-eang a Digwyddiad. Bydd yn amlygu testun mewn melyn neu ddu. Mae hefyd yn bosibl newid lliw y testun yn y ffeil CSS sylfaenol.

Nid yw'r rhan fwyaf o ddarllenwyr sgrin yn cyhoeddi'r elfen farcio, ond gallwch ddefnyddio priodwedd cynnwys CSS neu.cyn ac ar ôl ffug-elfennau i'w gwneud yn amlwg pa destun yr hoffech ei amlygu. Mae cyhoeddiadau ar lafar ac yn ychwanegu gwybodaeth ddiangen at y dudalen, felly dylech eu defnyddio'n gynnil. Er enghraifft, gallwch ddefnyddio cyhoeddiadau i amlygu term chwilio neu rwystro dyfynbrisiau. Cefnogir cyhoeddiadau gan yr holl brif borwyr.

Yn ogystal ag arddull lliw cefndir, gallwch ddefnyddio’r ‘highlightme’ dosbarth i amlygu'r testun yn eich dogfen HTML. Cefnogir yr arddull lliw cefndir gan bob porwr. Gallwch hefyd ddefnyddio’r gair ‘melyn’ yn lle'r cod lliw. Gallwch ddefnyddio'r un cod i amlygu paragraff neu adran o destun. Gallwch hefyd ddefnyddio dosbarthiadau CSS i amlygu testun.

Gan ddefnyddio'r html>-tag i greu rhestr yn cynnwys mini

Mae'r html>-tag yn cael ei ddefnyddio i greu rhestr o mini-yn cynnwys. Mae'n cynnwys y tag cau cyfatebol ac enw'r elfen yw llythrennau bach. Mae dogfennau HTML yn cael eu hamgodio gan ddefnyddio amgodio nod UTF-8, sy'n cefnogi cynnwys nodau Unicode. Wrth ddefnyddio'r html>-tag, gofalwch eich bod yn dewis UTF-8 yn y “arbed-fel” blwch deialog.

Gan ddefnyddio'r html>-tag i ychwanegu rhestr mini-yn cynnwys i dudalen HTML yn hawdd. Gallwch ddefnyddio'r tag hwn ar gyfer unrhyw elfen sy'n cefnogi rhestr heb ei threfnu. Gallwch hyd yn oed ddefnyddio rhestr heb ei threfnu ar gyfer dewislen llywio. Mae'r elfen dl yn amgáu rhestr o barau o dermau a disgrifiadau. Mae'r eitemau mewn rhestr archebedig yn cael eu harddangos gyda chownter cynyddol i'r chwith. Gallwch hefyd hepgor yr elfen dl os dilynir yr eitem rhestr yn syth gan elfen arall.

Ffordd arall o fewnosod rhestr cynnwys bach yw ychwanegu elfen troedyn mewn dogfen HTML. Mae'r elfen hon yn cynrychioli troedyn cynnwys yr adran agosaf. Mae fel arfer yn cynnwys gwybodaeth am yr awdur, data hawlfraint, neu ddolenni i ddogfennau cysylltiedig. Gan ddefnyddio'r html>-tag i greu rhestr fach yn cynnwys ar dudalen HTML

Gan ddefnyddio'r html>-tag i amlygu blociau testun unigol

Mae HTML5 yn amlygu blociau testun unigol gyda'r marc> elfen. Mae'r tag HTML5 hwn yn newid lliw'r cynnwys yn y ffynhonnell i arlliw penodol o felyn neu ddu, caniatáu i'r darllenydd wahaniaethu rhwng testun pwysig. Gellir ei ddefnyddio hefyd i nodi adrannau o gynnwys sydd angen mwy o sylw na thestun arall. Y marc> elfen yn cefnogi Priodoleddau Byd-eang a Phriodoleddau Digwyddiad yn HTML. Pan gaiff ei ddefnyddio'n gywir, gall y tag HTML5 hwn wella darllenadwyedd tudalen we.

Mae safon HTML4 yn anghymeradwyo tagiau lefel cymeriad arddull corfforol. Maent yn delio â chyflwyniad, ac mae'n well defnyddio CSS at y dibenion hyn. Mae HTML5 wedi eu hailgyflwyno. Nid ydynt bellach yn anghymeradwy, ond nid dyma'r unig ffordd o hyd i amlygu blociau testun unigol. Defnyddiwch CSS i amlygu blociau unigol o destun gyda HTML5! Bydd y dull syml hwn yn amlygu blociau testun unigol o fewn darn o gynnwys.

Arnofio: Gallwch ddefnyddio'r priodwedd CSS hwn i arnofio elfen i ymyl chwith neu dde'r elfen sy'n cynnwys. Gellir ei ddefnyddio i greu grid neu golofnau. Gallwch hefyd ddefnyddio eiddo CSS o'r enw arnofio i arnofio iframe neu ddelwedd ar ymyl chwith neu dde'r porwr. Mae'r priodoleddau hyn yn ei gwneud hi'n haws tynnu sylw at flociau unigol gyda CSS.