Y brif broblem sy'n gysylltiedig â botwm HTML href yw y gall fod yn anodd steilio'r botwm mewn ffordd sy'n edrych yn gyson ar draws gwahanol borwyr. Yn ogystal, wrth ddefnyddio tag angor gyda phriodoledd href, bydd y ddolen yn agor yn yr un ffenestr yn ddiofyn, ac efallai na fydd yn ddymunol ar gyfer rhai mathau o ddolenni. Yn olaf, os nad yw'r priodoledd href wedi'i ffurfweddu'n iawn, gall clicio ar y botwm arwain at dudalen gwall.
<button><a href="">Click Here</a></button>
1. Mae'r llinell hon o god yn creu elfen botwm yn HTML.
2. Y tu mewn i'r elfen botwm, mae tag angor gyda phriodoledd href gwag.
3. Mae'r tag angor yn cynnwys y testun “Cliciwch Yma”.
Cynnwys
Diffiniad o HREF
Ystyr HREF yw Hypertext Reference ac mae'n briodwedd HTML a ddefnyddir i ddiffinio hyperddolen. Fe'i defnyddir i gysylltu un dudalen ag un arall, naill ai ar yr un wefan neu wefan wahanol. Mae priodoledd HREF yn pennu cyrchfan y ddolen a gellir ei ddefnyddio gydag elfennau HTML eraill megis , , a
Na, nid yw'n bosibl defnyddio priodoledd href mewn elfen botwm yn HTML. Nid yw'r elfen botwm yn cefnogi'r briodwedd href. Fodd bynnag, gallwch ddefnyddio JavaScript i ychwanegu gwrandäwr digwyddiad clicio at y botwm a fydd yn mynd â'r defnyddiwr i dudalen wahanol pan gaiff ei glicio.
I steilio tag angor fel botwm yn HTML, gallwch ddefnyddio'r cod canlynol:
Yna ychwanegwch y CSS canlynol at eich taflen arddull:
.botwm {
lliw cefndir: #4CAF50; /* Gwyrdd */
ffin: dim;
lliw: gwyn;
padin: 15px 32px;
alinio testun: canolfan;
addurno testun: dim;
arddangos: inline-bloc; maint y ffont: 16px; ymyl: 4px 2px; cyrchwr: pwyntydd;}
