Palena pūnaewele: pehea e ho'olālā i ka html

He nui nā mea ho'omaka e komo i ka na'au o ka hana'ana i nā punaewele i ka manawa e ho'omana'o pinepine i ka html e hana i ke kumu i kahi ki'i. A inā hiki i kekahi po'e ke maopopo i kēia pilikia, aia nō ka pilikia i ka wā e ho'olō'ihi i ke ki'i i ka whānui o ka'ōkuhi. Ma ka manawa like, makemake wau e hō'ike like'ia ka pūnaewele ma nā pūnaewele pūnaewele a pau, no laila, pono e ho'okō'ia ka koi o ka launa pūnaewele. Oe ke hoonoho i ke kāʻei kua i loko o nā aoao: ma ka hoʻohana 'ana i HTML Tags a me CSS styles. E koho nā kānaka a pau iā ia i ka koho'oi loa loa. 'Oia'i'o, ua'oi aku ka ma'alahi o ka style CSS, no ka mea mālama'ia kona kikowaena i loko o kahi waihona'ē a'e a'a'ole ia e lawe i nā kolamu pono'ole ma nā kumu nui o ka pūnaewele, akā ma mua o mākou e no'ono'o ai i ke'ano o ka ho'okomo'ana i kahi ki'i ma hope o ka pūnaewele.

Nā kumuhana HTML kumu no ka ho'okumu'ana i kahi kūmole

No laila, e ho'oholo i ka nīnau o ke'ano e hana ai i ke ki'i ma ka html ma ka nānā a pau. I mea e pono ai ke kahua e nānā i ka nani, pono'oe e ho'omaopopo i kahi mea nui:'o ka lawa'ana wale nō e hana i ka'ene'ene'ene'e a pena'ia paha me ke kala melekika, akā inā pono'oe e kau i ke ki'i ma hope,'a'ole e ho'olō'ihi i ka whānui o ka nānā. Pono e koho mua'ia ke ki'i a ho'ololi paha i ke ki'i i kahi ho'olālā me ka ho'opane'e'ana, kahi e loa'a ai kahi'ao'ao o ka pūnaewele i hō'ike'ia. Ma hope o ka mākaukau o nā ki'i ki'i, ho'oili mākou i ka waihona i kapa'ia'o "Images". Ma loko o ia mea e ho'olako mākou i nā ki'i a pau, nā animation a me nā ki'i'ē a'e. Pono kēia kōpena i loko o ka papa kuhikuhi me kāu mau html. I kēia manawa hiki iā'oe ke hele i ke code. Aia kekahi mau koho no ka kākau'ana i ke code, a e ho'ololi i ke kumu i kahi ki'i.

1. E kākau i ke'ano o ka inoa.
2. Ma o CSS style ma ka helu HTML.
3. E kākau i ke'ano CSS ma kahi pūnaewele'ē a'e.

E like me ka HTML, e hana i ke kumu i kahi ki'i, e ho'oholo'oe, akā makemake wau e'ōlelo i kekahi mau'ōlelo e pili ana i ka mea e'oi loa aku ka maika'i. 'O ke'ano mua me ke kōkua o ka kākau'ana ma o ka pū'ālima inoa ua lō'ihi lō'ihi. Ho'ohana'ia ka lua o nā koho ma nā hihia ma'amau loa, no ka loa'a'ana o ka helu like'ole. A'o ka koho'ekolu'o ka mea ma'alahi a maika'i. Eia nā hi'ohi'ona HTML o nā pepa:

1. 'O ka'ao'ao mua e kākau ai ma o ke kino e pili ana i ka waihona index.htm. Ua kākau'ia ma kēia'ano: (body background = "Folder_name / Picture_name.extension") (/ body). 'O ia ho'i, inā loa'a iā mākou kekahi ki'i i kapa'ia'o "Picture" a me ka ho'opane'e hou'ana o JPG, a kapa mākou i ka pane e like me "Images", a laila e nānā ka helu HTML penei: (body background = "Images / Picture.jpg") ... (/ body) .
2. 'O ka papa hana'elua e pili ana i ka style CSS, akā, ua kākau'ia ma ka pūnaehana ho'okahi i kapa'ia index.htm. (Body style = "ki'i: url (" ../ Images / Picture.jpg ")").
3. A'o ke kolu o ka'ao'ao o ka ho'opa'a'ana e hana'ia i'elua faila. Ma ka palapala i kapa'ia index.htm, ua kākau'ia ka inoa ma ka po'o: (po'o) (link rel = "styleheet" type = "text / css" href = "http: // site / article / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_file ") (/ po'o). A i loko o ka pū'ano style with style.css style: ua kākau mākou: ke kino (background): url (Images / Picture.jpg ')}.

E like me ka HTML e hana i ki'i ki'i, e kāpae like mākou. I kēia manawa, pono'oe e ho'omaopopo pehea e ho'olālā ai i ke ki'i ma o ka laulā o ka'ōpile.

Nā ala e ho'olālā i ke ki'i ki'i i ka whānui o ka puka

E no'ono'o i kā mākou pakuhi he pakeneka. Huli'ia'o ka whānui a me ka lō'ihi o ka maka he 100% x 100%. Pono mākou e ho'olālā i ke ki'i i kēia whānui. Ho'okomo i ka kaomi ki'i ma ka style.css file i kahi kaula e ho'olālā i ke ki'i i ka whānui a me ka lō'ihi o ka mea nānā. Pehea e kākau'ia ai i ka style CSS? He mea ma'alahi!

Ke kino

{

'Ike'a: url (Images / Picture.jpg ')

Wahi-kelepona: 100%; / * Ua kūpono kēia kūpono no nā mea'oko'a pūnaewele hou * /

}}

No laila,'ike mākou i ke'ano o ka hana'ana i kahi ki'i ki'i ma html ma ka nānā'ana. Aia kekahi ala e kākau ai ma ka waihona index.htm. 'Oiai ua pa'akikī kēia ala, he mea pono no ka po'e ho'omaka e'ike a ho'omaopopo. I ka mahele (po'o) (style) div [ki'i-nui: uhi; } (/ Kālā) (/ po'o) kēia'ikepili e kuhikuhi mākou i kahi māhele kūikawā no ke kuapapa, kahi e ho'onoho'ia ma'ō o ka whānui o ka puka. Ua nānā mākou i'elua mau'ao'ao e hana i ka hilina'i o ka pūnaewele i kahi ki'i html, i mea e ho'onui ai ke ki'i i ka ākea o ka pakuhi i kekahi o nā mea'enehana hou.

Pehea e hana ai i kahi kūlana pa'a

Inā ho'oholo'oe e ho'ohana i ke ki'i e like me ke kumu o kahi punaewele e hiki mai ana, a laila pono'oe e a'o i ke'ano o ka ho'okumu'ana, i'ole e lō'ihi ka lō'ihi a'a'ole e ho'opau i ka'ike. He mea ma'alahi ka ho'ohana'ana i ka helu HTML e kākau i kēia kiko'i'u'uku. Pono'oe e ho'ohui i kahi hua'ōlelo ma ka style.css file ma hope o ke kumu: url (Images / Picture.jpg ') i ho'opa'a'ia; A i'ole ma kahi o ka ho'onui'ana i kahi laina kū'oko'a ma hope o ka'ōlani - kahi i ho'opa'a'ia. Ma kēia ala, e mau ana kāu ki'i i ka'ike. 'Oiai'o ka palapala kaomi'ana ma ka pūnaewele,'ike'oe i ka ne'e'ana o nā laina laina, a ke ho'omau nei ke kūlana. No laila ua a'o'oe i ka hana'ana ma kahi html, ma nā'ano he nui.

Hana pū me ka papa i ka HTML

He nui nā mea ho'opuka pūnaewele'ole i kūpono i nā papa a me nā pola, pinepine'ole i maopopo i ka hana'ana i kekahi ki'i ma ka html i kahi'ao'ao o ka papa. Like a pau eiiaiaeu HTML a me ka CSS styles, i ka pūnaewele puni honua iaaiey 'ōlelo mea' ano mea. A'o ka hopena i kēia pilikia, e kākau ana i kahi mau laina laina. Pono'oe e'ike i ka kākau'ana i nā lālani papa a me nā koluma e like me nā tag (tr) a me (td). No ke'ano o ka papa'aina e like me ke ki'i, pono'oe e ho'ohui i kahi hua'ōlelo ma'alahi i ka helu (table), (tr) ai'ole (td) me ka loulou i ka ki'i: background = URL o ke ki'i. No ka mālamalama, hā'awi mākou i'elua mau hi'ohi'ona.

Nā papa'aina me kahi ki'i ma kahi o ke kumu: Nā hi'ohi'ona HTML

E ki'i kākou i ka papa'aina 2x3 a mālama'ia i ke ki'i i ki'i'ia ma ka waihona ki'i ki'i: (ka papa'āina = "Images / Picture.jpg") (tr) (td) 1 (/ td) (td) 2 (/ td) (td) (Td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ papa). No laila, e pa'i'ia kā mākou papa'aina ma hope o ke ki'i.

E huki i kēlā papa'aina me ka nui 2ō3, akā mākou e ho'okomo i ke ki'i i nā pahu i lalo o ka helu 1, 4, 5 a me 6. (papa) (trd background = "Images / Picture.jpg") 1 (/ td) (td) 2 (/ Td) (td) 3 (/ td) (/ tr) (trd background = "Images / Picture.jpg") 4 (/ td) (td background = "Images / Picture.jpg") 5 / Td) (td background = "Images / Picture.jpg") 6 (/ td) (/ tr) (/ papa). Ma hope o ka nānā'ana,'ike mākou e'ike wale'ia ana ka'ike i loko o nā pūnaewele i ho'opa'a ai mākou, akā,'a'ole ma ka papa'aina.

Paena pūnaewele

Aia kekahi mea e like me ke 'ano pūnaewele holomua o kahi punaewele punaewele. 'O ke'ano, e hō'ike'ia nā'ao'ao o ka pūnaewele ma ke'ano like'ole i nā'ano a me nā'ano like'ole o nā mea nānā. It E e HTML kivila , a CSS styles e hoʻopilikino i ka mea e pono ai nā polokalamu kele pūnaewele. Eia kekahi, i kēia manawa o ka ho'onui'ana i ka ho'omohala'ana i nā'ōpiopio, e ho'ā'o ana nā mea ho'omohala pūnaewele e ho'olālā i nā wahi i ho'ololi'ia no nā hi'ohi'ona pūnaewele a me ka nānā'ana i ke kelepona.