Creu adrannau dylunio ar eich tudalen
Mae penawdau yn ffordd ddefnyddiol o drefnu'ch testun, creu adrannau defnyddiol, a gwneud y gorau ar eich gwefan ar gyfer peiriannau chwilio. Gallwch chi greu penawdau yn hawdd gan ddefnyddio tagiau pennawd HTML. Gallwch hefyd newid edrychiad eich testun gyda'r tagiau trwm ac italig.
Penawdau
Tagiau pennawd yw'r ffordd symlaf o rannu eich dogfen i fyny. Os ydych chi'n meddwl am eich safle fel papur newydd, yna y penawdau yw'r penawdau ar y papur newydd. Y prif bennawd yw h1 a phennawdau dilynol yw h2 trwy h6.
Defnyddiwch y codau canlynol i greu'r HTML.
This is Heading 1 This is Heading 2 This is Heading 3 This is Heading 4 This is Heading 5 Dyma Bennawd 6 Awgrymiadau i'w Cofio
- Ceisiwch gadw'ch penawdau mewn trefn resymegol, daw h1 cyn h2, a ddaw cyn h3, ac yn y blaen.
- Peidiwch â phoeni gormod am sut mae'r penawdau'n edrych-dylech ddefnyddio CSS i arddull penawdau yn hytrach na defnyddio pennawd allan o orchymyn.
- Mae tagiau pennawd yn elfennau lefel bloc , felly maent yn rhoi egwyliau llinell i chi. Peidiwch â rhoi tagiau P y tu mewn i'r tagiau pennawd.
Neiddog ac Eidaleg
This is Heading 3 This is Heading 4 This is Heading 5 Dyma Bennawd 6 Awgrymiadau i'w Cofio
- Ceisiwch gadw'ch penawdau mewn trefn resymegol, daw h1 cyn h2, a ddaw cyn h3, ac yn y blaen.
- Peidiwch â phoeni gormod am sut mae'r penawdau'n edrych-dylech ddefnyddio CSS i arddull penawdau yn hytrach na defnyddio pennawd allan o orchymyn.
- Mae tagiau pennawd yn elfennau lefel bloc , felly maent yn rhoi egwyliau llinell i chi. Peidiwch â rhoi tagiau P y tu mewn i'r tagiau pennawd.
Neiddog ac Eidaleg
This is Heading 5 Dyma Bennawd 6 Awgrymiadau i'w Cofio
- Ceisiwch gadw'ch penawdau mewn trefn resymegol, daw h1 cyn h2, a ddaw cyn h3, ac yn y blaen.
- Peidiwch â phoeni gormod am sut mae'r penawdau'n edrych-dylech ddefnyddio CSS i arddull penawdau yn hytrach na defnyddio pennawd allan o orchymyn.
- Mae tagiau pennawd yn elfennau lefel bloc , felly maent yn rhoi egwyliau llinell i chi. Peidiwch â rhoi tagiau P y tu mewn i'r tagiau pennawd.
Neiddog ac Eidaleg
Awgrymiadau i'w Cofio
- Ceisiwch gadw'ch penawdau mewn trefn resymegol, daw h1 cyn h2, a ddaw cyn h3, ac yn y blaen.
- Peidiwch â phoeni gormod am sut mae'r penawdau'n edrych-dylech ddefnyddio CSS i arddull penawdau yn hytrach na defnyddio pennawd allan o orchymyn.
- Mae tagiau pennawd yn elfennau lefel bloc , felly maent yn rhoi egwyliau llinell i chi. Peidiwch â rhoi tagiau P y tu mewn i'r tagiau pennawd.
Neiddog ac Eidaleg
Mae pedwar tag y gallwch eu defnyddio ar gyfer print trwm ac italig:
- a ar gyfer trwm
- ac ar gyfer italig
Does dim ots pa ddefnyddiwch chi. Er bod rhai yn well ac , ond mae llawer o bobl yn dod o hyd i ar gyfer "bold" ac italig yn haws i'w cofio.
Dim ond amgylch eich testun gyda'r tagiau agor a chau, i wneud y testun yn drwm neu'n italig:
bold italicGallwch chi nythu'r tagiau hyn (sy'n golygu y gallwch chi wneud testun yn feiddgar ac yn italig) ac nid yw'n bwysig pwy yw'r tag allanol neu fewnol.
Er enghraifft:
Mae'r testun hwn yn feiddgar
Mae'r testun hwn yn boldMae'r testun hwn mewn llythrennau italig
Mae'r testun hwn yn italigMae'r testun hwn yn feiddgar ac yn italig
Mae'r testun hwn yn bold ac yn italicaPam Mae Dau Ddatganiad o Ddigwyddiadau Gwyrdd ac Eidaleg
Yn HTML4, ystyriwyd y tagiau a steiliau arddull a effeithiodd yn unig ar edrych testun ac ni ddywedodd dim am gynnwys y tag, ac ystyriwyd ei fod yn ffurf wael i'w defnyddio. Yna, gyda HTML5, cawsant ystyr semantig y tu allan i edrychiad y testun.
Yn HTML5 mae gan y tagiau hyn ystyron penodol:
- yn dynodi testun nad yw'n bwysicach na'r testun cyfagos, ond cyflwyniad teipograffig nodweddiadol yw testun trwm, fel allweddeiriau mewn crynodeb dogfen neu enwau cynnyrch mewn adolygiad.
- yn dynodi testun nad yw'n bwysicach na'r testun cyfagos, ond cyflwyniad teipograffig nodweddiadol yw testun italig, fel teitl llyfr, term technegol, neu ymadrodd mewn iaith arall.
- yn dynodi testun sydd â phwysigrwydd cryf o'i gymharu â'r testun cyfagos.
- yn dynodi testun sydd â straen cyffrous o'i gymharu â'r testun cyfagos.