Sebenzisa ama-Fonts, ama-Borders, nama-Izithombe okuhlobisa isihloko
Izihloko zivamile emakhasini amaningi ewebhu. Eqinisweni, kunoma yikuphi umbhalo obhaliwe kunomthamo owodwa okungenani oyedwa ukuze ukwazi isihloko salokho okufundayo. Lezi zihloko zikhokhwa ngokusebenzisa izakhi ze-HTML ezikhomba - h1, h2, h3, h4, h5, ne h6.
Kwamanye amasayithi, ungathola ukuthi izihloko zikhokhwa ngaphandle kokusebenzisa lezi zakhi. Esikhundleni salokho, izingqikithi zingasebenzisa izigaba ngezici ezithile zezigaba ezongezwe kubo, noma ukuhlukaniswa ngezigaba zesigaba. Isizathu engivame ukuzwa ngalolu hlelo olungalungile ukuthi umklami "akayithandi indlela okubukeka ngayo". Ngokuzenzakalelayo, izihloko ziboniswa ngesibindi futhi zikhulu ngobukhulu, ikakhulukazi izakhi ze-h1 ne-h2 ezibonisa usayizi wefonti omkhulu kakhulu kunombhalo wonke wekhasi. Gcina engqondweni lokhu kuphela ukubukeka okuzenzakalelayo kwalezi zinto! Nge-CSS, ungenza isihloko sibheke noma ngabe ufuna! Ungashintsha usayizi wefonti, susa isibindi, nokunye okuningi. Izihloko ziyindlela efanele yokukhokha izinhloko zekhasi. Nazi ezinye izizathu zokuthi kungani.
Kungani Usebenzisa I-Heading Tags Kunokuba i-DIVs ne-Styling
Izinjini zokusesha njenge-Heading Tags
Lesi yisizathu esihle kakhulu sokusebenzisa izihloko, futhi uwasebenzise ngendlela efanele (isib. H1, ke h2, ke h3, njll). Izinjini zokusesha zinika ukulinganisa okuphezulu kunombhalo kufakwe phakathi kwamathegi angenhloko ngoba kukhona inani le-semantic kulowo mbhalo. Ngamanye amazwi, ngokufaka uphawu lwekhasi lakho lekhasi le-H1, utshela isicabucabu se-injini yokusesha ukuthi yiyona ukugxila kwe- # 1 kwekhasi. Izihloko ze-H2 zinokugcizelela # #, njalonjalo.
Awunakho ukukhumbula ukuthi yiziphi izigaba owazisetshenziselwa ukuchaza izinhloko zakho
Uma wazi ukuthi wonke amakhasi akho wewebhu azoba ne-H1 enesibindi, 2em, futhi ephuzi, khona-ke ungakwazi ukuchaza ukuthi kanye kwikhokhethi yezitayela zakho futhi wenziwe. Izinyanga ezingu-6 kamuva, uma ungeza elinye ikhasi, usanda nje ufake ithegi ye-H1 phezulu kwekhasi lakho, akudingeki ubuyele kwamanye amakhasi ukuze uthole ukuthi iyiphi i-ID yesitayela noma isigaba owawujwayele ukuchaza okuyinhloko isihloko kanye nezinhloko ezingaphansi.
Banikeza Uhlaka Lwekhasi Oluqinile
Imidwebo yenza umbhalo lula ukufunda. Yingakho izikole eziningi zase-US zifundisa abafundi ukuba babhale uhlaka ngaphambi kokuba babhale iphepha. Uma usebenzisa amathegi ekhonjiwe kufomethi ye-outline, umbhalo wakho unesakhiwo esicacile esibonakala ngokushesha kakhulu. Ngaphezu kwalokho, kukhona amathuluzi angabuyekeza umdwebo wekhasi ukuze unikeze isifingqo, futhi lezi zithembele ekuthekeni amathegi wesakhiwo sohlaka.
Ikhasi lakho Lizokwenza Ngisho Ngisho Nezitayela Zivuliwe
Akuwona wonke umuntu ongabuka noma asebenzise amashidi wesitayela (futhi lokhu kubuyela ku-# 1 - izinjini zokusesha zibuka okuqukethwe (umbhalo) wekhasi lakho, hhayi amashidi wesitayela). Uma usebenzisa amathegi ehloko, wenza amakhasi akho afinyeleleke kalula ngoba izinhloko zihlinzeke ngolwazi ukuthi ithegi ye-DIV ayifuni.
Kuwusizo Kubafundi Besikrini Futhi Iwebhusayithi Yokufinyeleleka
Ukusetshenziswa okufanele kwezihloko kudala isakhiwo esinengqondo kumqulu. Yilokho abafundi besibuko abazokusebenzisa ukuze "bafunde" isayithi kumsebenzisi onokukhubazeka kombono, okwenza isayithi lakho lifinyeleleke kubantu abakhubazekile.
Yenza isitayela kanye nefonti yezinhloko zakho
Indlela elula yokushiya "inkinga enkulu, yesibindi, neyibi" yokubeka amathegi ukusetha umbhalo ngendlela ofuna ukuba babheke ngayo. Eqinisweni, lapho ngisebenza kwiwebhusayithi entsha, ngivame ukubhala isigaba, h1, h2, ne-h3 izitayela kuqala. Ngivame ukunamathela emndenini nje wefonti kanye nosayizi / isisindo. Isibonelo, lokhu kungase kube ishidi lesitayela sokuqala sesayithi elisha (lezi ezinye izitayela zesibonelo ezingasetshenziswa):
umzimba, html {margin: 0; i-padding: 0; } p {ifonti: 1 ku-Arial, Geneva, Helvetica, sans-serif; } h1 {font: bold 2em "Times New Roman", Times, serif; } h2 {ifonti: isibindi 1.5em "Times New Roman", Times, serif; } h3 {ifonti: ngesibindi 1.2m i-Arial, i-Geneva, i-Helvetica, i-sans-serif; }}Ungaguqula amafonti ehloko yakho noma ushintshe isitayela sombhalo noma umbala wombhalo . Zonke lezi zizophendulela isihloko sakho "esibi" sibe into enamandla kakhulu futhi ngokuhambisana nomklamo wakho.
h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; umkhawulo: 0; i-padding: 0; umbala: # e7ce00; }}Amaphethelo Angagqoka Ngezihloko
Imingcele yindlela enhle yokuthuthukisa izihloko zakho. Futhi imingcele kulula ukuyengeza. Kodwa ungakhohlwa ukuzama imingcele - awudingi umngcele ohlangothini ngalunye lwekhanda lakho. Futhi ungasebenzisa okungaphezu nje kwemingcele ebophayo.
h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; umkhawulo: 0; i-padding: 0; umbala: # e7ce00; umkhawulo-phezulu: oqinile # e7ce00 medium; umngcele-ngezansi: onama-# e7ce00 amancane; ububanzi: 600px; }}Nganezela umngcele ophezulu nangaphezulu kuya kusihlokweni sami sesampula ukwethula izitayela ezithakazelisayo ezithakazelisayo. Ungangeza imingcele nganoma iyiphi indlela ofuna ukuyifinyelela isitayela sokudinga oyifunayo.
Engeza izithombe zangemuva ezihlokweni zakho KwaPizazz eyengeziwe
Izingosi eziningi zeWebhu zinesigaba sekhanda phezulu kwekhasi elihlanganisa isihloko - ngokuvamile isihloko sesayithi nomfanekiso. Iningi labaklami bacabanga ngalokhu njengezici ezimbili ezihlukene, kodwa akudingeki. Uma ngabe imidwebo ikhona nje ukuhlobisa isihloko, kungani ungayifaki izitayela ezihamba phambili?
h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; isizinda: #fff url ("fancyheadline.jpg") iphinda-x phansi; i-padding: 0.5em 0 90px 0; ukuhambisana kombhalo: isikhungo; umkhawulo: 0; umngcele-ngezansi: okuqinile # e7ce00 0.25m; umbala: # e7ce00; }}Iqhinga kulokhu okuyinhloko ukuthi ngiyazi ukuthi isithombe sami singamaphikseli angu-90 ubude. Ngakho nganezela i-padding kuya phansi kwe-90px (ukufaka:: 0 0 90px 0p;). Ungadlala nemigqa, ukuphakama komugqa, nokuphakanyiswa ukuze uthole umbhalo wekhanda ukuze ubonise lapho uthanda khona.
Into eyodwa okumelwe uyikhumbule uma usebenzisa izithombe ukuthi uma unayo iwebhusayithi ephendulayo (okufanele uyenze) ngesakhiwo esishintsha ngokusekelwe ngobukhulu bomsindo namadivayisi, isihloko sakho ngeke sibe nesayizi efanayo ngaso sonke isikhathi. Uma udinga isihloko sakho ukuba sibe usayizi oqondile, lokhu kungabangela izinkinga. Yingenye yezizathu zokuthi ngokuvamile ngigwema izithombe zangemuva esihlokweni, njengoba zipholile njengoba zingase zibuke ngezinye izikhathi.
Ukufakwa kwesithombe ku-Amagama
Lena enye inqubo ethandwayo yabadwebi bewebhu ngoba ikuvumela ukuthi udale isihloko esicacile bese ushintsha umbhalo wethegi ephethe isihloko nesithombe. Lokhu kuyiqiniso umkhuba wokudala ovela kubakhi bewebhu abafinyelele emafonti ambalwa kakhulu futhi befuna ukusebenzisa amafonti angaphezu kokungavamile emsebenzini wabo. Ukuphakama kwamafonti ewebhu kushintshe ngempela ukuthi abaklami basondela kanjani kumasayithi. Izihloko manje zingahle zibekwe kumafonti nezinhlobonhlobo ezinhlobonhlobo kanye nalawo mafonti afakiwe ayasadingeki. Njengalokhu, uzothola kuphela izithombe ze-CSS esikhundleni sezingqungquthela kumasayithi amadala angazange abuyekezwe kumikhuba eminingi yanamuhla.
Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard ngo-9/6/17