Mga tagubilin

Maglagay ng iba't ibang antas ng mga heading sa pagitan ng naaangkop na pambungad at pagsasara ng mga tag kung hindi pa ito ginagawa sa source code ng web page. Halimbawa, ang pinakamahalagang heading (unang antas) ay dapat nasa pagitan ng mga tag

At

:

Heading

Ang susunod na pinakamahalagang subheading ay dapat ilagay sa pagitan ng mga tag

At

at iba pa. Ang huli sa mga ibinigay na antas ay ang ikaanim -

At

.

Ilagay sa header na bahagi ng source code (sa pagitan ng mga tag At) mga tagubilin na nagsasabi sa browser ng bisita na ang lugar na ito ay naglalaman ng paglalarawan ng mga istilo sa CSS:

Sa pagitan ng mga tag ng istilo ng pagbubukas at pagsasara, maglagay ng mga paglalarawan ng istilo para sa mga header ng bawat antas na ang hitsura ay gusto mong baguhin. Halimbawa, kung kailangan mo lang baguhin ang hitsura ng mga heading sa unang antas, maaaring ganito ang hitsura ng code na ito: Dito ipinapahiwatig ng h1 na ang paglalarawan sa mga kulot na braces ay tumutukoy sa h1 na tag at tinatawag na "selector". Itinatakda ng color parameter ang kulay ng text, ang font-size na parameter ay nagtatakda ng laki ng font, font-style na may value na italic ay nagtatakda ng italic style ng mga titik, font-weight na may value na bold - , margin-top - , margin-bottom - ibabang indentasyon. Para sa pangalawang antas na mga heading, kailangan mong magdagdag ng katulad na bloke sa h2 selector, atbp.

Gumamit ng pinaikling syntax kung maraming antas ang dapat ilarawan. Halimbawa, ang mga paglalarawan ng mga font ay maaaring ilagay sa isang parameter, pati na rin ang mga paglalarawan ng mga laki ng indent. Sample: Sa parameter ng margin, ang mga indent ay dapat na tukuyin clockwise, simula sa itaas na indent, na pinaghihiwalay ng isang puwang (kanan sa itaas, kaliwa sa ibaba).

Video sa paksa

Kakailanganin mong

• Computer, Internet, access sa nilalaman ng site.

Mga tagubilin

Kung nagbago ang iyong mga priyoridad at naapektuhan nito ang mga tema ng site, siguraduhing ipakita ang mga pagbabago sa pamagat. Kapag pumipili ng bagong pangalan, magplano upang ang pangalan ng site ay maging isang tatak, kung hindi isang pandaigdigang pangalan, at hindi bababa sa para sa mga regular na mambabasa ng mapagkukunan. Sa pangkalahatan, "anuman ang tawag mo sa yate, ganoon din ito maglalayag."

Magpasya kung itugma ang domain name sa pamagat. Ito ay hindi kinakailangan kung sila ay angkop para sa isa't isa. Sa pamamagitan ng paraan, isaalang-alang ito kapag pumipili ng bagong pamagat. Pagkatapos ng lahat, ang pagpapalit ng isang domain ay mas mahirap. Bilang karagdagan, siya ang nag-uugnay sa site sa mga bisita.

Baguhin ang pamagat sa site. Ang mga modernong libreng platform at iba't ibang tagabuo ng website, bilang panuntunan, ay may mga simpleng visual na kontrol na hindi nangangailangan ng kaalaman sa mga programming language. Mag-log in sa control panel ng site bilang isang administrator.

Hanapin sa page na magbubukas ng tab na tinatawag na “Options” o “Settings” o “General”. At doon, hanapin ang kahon ng "Pangalan ng Site" kung saan maaari kang maglagay ng teksto.

Ilagay ang iyong bagong pangalan sa kahon na ito. Tiyaking i-click ang pindutan ng pag-save, na iba ang tawag sa iba't ibang mga web engine - "I-save", "I-publish", "I-update".

Paano baguhin ang kulay ng font sa html

Kung mayroon kang anumang kaalaman sa mga teknolohiya sa web, dapat mong malaman na ang lahat ng markup at nilalaman ng isang dokumento ay nakapaloob sa isang html file, at ang css style file ay nag-iimbak ng mga estilo na tumutukoy sa hitsura ng iba't ibang elemento. Kaya, ito ay css na kailangan nating gamitin upang baguhin ang kulay ng font at lahat ng iba pa.

May mga tag sa html na nagbibigay-daan sa iyo na maglapat ng ilang mga epekto sa teksto, ngunit dapat mong aminin na ang pagkakaroon ng daan-daang mga tag para sa bawat lilim ay hindi lubos na makatwiran. Sa css makokontrol mo ito nang mas maginhawa. Halimbawa, ito ay kung paano mo maaaring itakda ang kulay ng font para sa html body element, iyon ay, isang tag na kinabibilangan ng buong nilalaman ng pahina na ipinapakita sa screen.

katawan (kulay: pula;)

katawan ( Kulay pula;

Nagtalaga kami ng kulay na pula sa katawan ng pahina. Matatanggap ito ng mga talata, listahan, heading at lahat ng iba pang elemento. Mangyayari ito hanggang sa muling tukuyin sa iba ang mga istilo para sa mga elementong ito.

Mga format ng pag-record ng kulay

Marahil mayroon kang ilang kaalaman sa disenyo ng web? Sa kasong ito, dapat mong malaman na mayroong iba't ibang mga mode ng kulay. Halimbawa, rgb, rgba, hsl, hex, atbp. Siyempre, ang pinakamadaling paraan upang magtakda ng tono ay ang simpleng pagsusulat ng keyword. Ginawa namin ito sa halimbawa sa itaas, ang halaga na pula ay ginagawang pula ang mga titik, asul - asul, kayumanggi - kayumanggi. Ito ay mga pangalan ng bulaklak lamang sa Ingles.

Ang tanging bagay na kailangan mong malaman sa kasong ito ay ang pangalan ng nais na kulay. Maaari mong tingnan ang mga ito sa Internet sa anumang talahanayan. Ang susunod na sikat na paraan upang tukuyin ang isang kulay ay ang isulat ang hexadecimal code nito. Ito ang tinatawag na hex format. Mga halimbawa:

p( color: #000; ) /* Magiging itim ang teksto sa mga talata. */ table( color: #fff; ) /* Magiging puti ang content sa mga table. */

Tulad ng nakikita mo, kailangan mong isulat ang grid, na sinusundan ng code ng kulay. Paano siya makikilala? Halimbawa, maaari mong buksan ang Photoshop o anumang iba pang graphic editor, kung saan, kapag pumipili ng isang kulay, ang hex code nito ay ipinapakita. Maaari mo ring gamitin ang online na serbisyo.

Ang RGB ay isa pang sikat na format ng pag-record. Ito ay kumakatawan lamang sa pula, berde, asul. Ang kulay sa format na ito ay itinakda tulad nito:

#footer( kulay: rgb(234, 22, 56); )

#footer( kulay: rgb(234, 22, 56);

Ang elementong may id footer ay makakatanggap ng tinukoy na kulay. Ang bahagi ng pula ay magiging 234, berde – 22, asul – 56. Ang mga halagang ito ay maaaring isulat mula 0 hanggang 255. Alinsunod dito, ang ating lilim ay magiging mas malapit sa pula. Sa Paint, maaari kang magdagdag ng mga kulay sa iyong palette sa pamamagitan ng pagbabago ng saturation ng tatlong pangunahing kulay.

Ang bentahe ng pamamaraang ito ay maaari kang pumili mula sa milyun-milyong kulay sa pamamagitan lamang ng pagpapalit ng tatlong numero. Kapag nagsusulat gamit ang mga keyword, magkakaroon ka lamang ng ilang daang kulay sa iyong arsenal.

Rgba - translucent na text!

Oo, ito ay isang bagong mode ng pag-record na magagamit sa mga graphic na editor sa loob ng mahabang panahon, ngunit ito ay lumitaw kamakailan sa disenyo ng web. Ito ay nakasulat tulad nito:

a( rgba(255, 12, 22, 0.5); )

rgba(255, 12, 22, 0.5);

Ang huling numero sa entry ay nagtatakda ng transparency. Maaari itong isulat mula 0 hanggang 1, kung saan ang 1 ay ganap na opaque na teksto, iyon ay, ang default na pag-uugali. Sa kasong ito, ang lahat ng mga link ay magiging pula, ngunit dahil sa transparency, ang liwanag ng kulay ay magiging mas mababa, at kung may isa pang background o elemento sa ilalim ng link, ito ay makikita.

Maling paraan upang magtakda ng kulay

Ang HTML ay may hindi na ginagamit na katangian ng kulay at maaari itong magamit upang itala ang kulay ng teksto gamit ang isang keyword. Ngayon ay maaaring hindi ito gumana sa mga modernong browser, at sa pangkalahatan ang pamamaraang ito ay lumalabag sa karaniwang tinatanggap na mga pamantayan sa web. At hindi rin maginhawa.

Paano matukoy ang kulay para sa isang di-makatwirang fragment

Okay, pinag-uusapan natin ang kulay ng font para sa mga talata, mga link at mga talahanayan, ngunit ito ay mga solidong elemento, ngunit paano kung kailangan mong tukuyin ang isang kulay para sa isang pangungusap, isang salita, isang titik, pagkatapos ng lahat?

Isinama lang namin ang gustong fragment sa mga span tag. Nagsusulat kami ng isang katangian ng klase sa loob ng tag, kung saan nagtakda kami ng isang arbitrary, ngunit naiintindihan na halaga. Halimbawa, tulad nito:

Iyon lang, ngayon ang natitira na lang ay i-access ang tagapili sa css.

Petsa ng paglikha: 2009-11-18

Kaya ngayon oras na para mag-aral, kung paano nagbabago ang mga kulay ang ipinasok mong text. Ang araling ito ay bubuuin ng 2 bahagi. Kukulayan namin ang isang hiwalay na bahagi ng teksto, at sa , gagawin namin ang buong teksto ng isang kulay, at ang kinakailangang bahagi nito, ng ibang kulay.

1 bahagi

Kahit na ang lahat ng mga kulay sa HTML ay nakasulat sa isang hindi pangkaraniwang paraan, ito ay ginagawa nang napakasimple. Una, iminumungkahi kong i-download mo ang web color palette sa pamamagitan ng pag-click sa salita PALETTE, o maghanap ng mas kumpletong bersyon sa Internet. Sa tabi ng bawat kulay sa palette na makikita mo, magkakaroon ng code (mga letra at numero sa Ingles). Upang ang aming kulay ay maging, halimbawa, asul, kailangan naming isulat ang sumusunod na tag:

Kamusta! Simulan natin ang pag-aaral ng HTML

Ibig sabihin, ito ang mayroon tayo:
1. ang teksto ay nakapaloob sa isang tag ...
2. tag may kulay ng katangian = #0000FF

Ngayon ay bumalik tayo sa ating halimbawa at tingnan ang lahat ng malinaw. Buksan muli ang naunang ginawang pahina sa Notepad at baguhin ang kulay ng font:

Ina-update namin ang HTML page at sinusuri kung ano ang nangyari:

Resulta: Ang unang linya ay naging asul, at ang pangalawa ay nanatiling default - itim.

Sa parehong paraan, maaari mong palamutihan ang anumang kinakailangang bahagi ng teksto, hindi alintana kung saan ito matatagpuan, sa simula, sa gitna o sa dulo ng teksto.

2. bahagi

Ngayon kami itakda ang kulay para sa buong teksto ng dokumento. Ito ay ginagawa nang napakadali. Alalahanin natin ang ating ikatlong artikulo. Sa loob nito sinabi namin na ang lahat ng nakikita sa browser ay nakasulat sa tag ... , iyon ay, sa "katawan" ng aming dokumento.

At kaya, tulad ng alam natin, ... - ay isa ring tag, samakatuwid, magagamit natin ito, tulad ng tag ... , itakda ang mga kinakailangang katangian.

Ang kulay sa kasong ito ay nakatakda sa pambungad na tag , at ang entry ay magiging ganito: Lahat ng teksto ng iyong dokumento

Sa kasong ito, ang buong teksto ng dokumento, maliban sa kung saan ay nakapaloob sa mga tag ... na may pagtatalaga ng kulay, magkakaroon ito ng pulang kulay.

Ngayon tingnan natin ang bahaging ito ng artikulo gamit ang isang halimbawa. Italaga natin ang kulay na pula sa buong teksto ng dokumento, at iwanan ang tekstong ginawa nating asul sa bahagi 1 nang ganoon. Upang gawin ito, isulat lamang ang code sa pambungad na tag :

Pagkatapos, gaya ng nakasanayan bago tingnan, i-save ang dokumento:

At sa wakas, ina-update namin ang HTML page sa browser:

Resulta: Natutunan namin kung paano itakda ang buong teksto ng dokumento sa kinakailangang kulay, pati na rin gawing ibang kulay ang bahagi ng teksto.

Maaaring itakda ang kulay ng font sa site gamit ang HTML code. May tag para dito font. Sa pamamagitan ng kahulugan, isang tag font nagsisilbing isang uri ng "wrapper" o "lalagyan" para sa teksto, sa pamamagitan ng pagkontrol sa mga katangian kung saan maaari mong baguhin ang disenyo ng teksto.

Tag font nalalapat tulad ng sumusunod:

Tagabuo ng website "Nubex"

Ang pinakamadaling paraan upang baguhin ang kulay ng font sa HTML ay ang paggamit ng katangian kulay tag font:

Tagabuo ng website "Nubex"

Itinatakda nito ang kulay na asul para sa salitang napapalibutan ng tag font.

Ngunit bukod sa parameter ng kulay, ang tag ay may iba pang mga katangian.

Mga katangian ng tag ng FONT

Tag font may tatlong katangian lamang:

• kulay- nagtatakda ng kulay ng teksto;
• laki- nagtatakda ng laki ng teksto;
• mukha- tumutukoy sa pamilya ng font.

Parameter kulay maaaring tukuyin ng isang pangalan ng kulay (hal. “pula”, “asul”, “berde”) o isang hexadecimal code (hal. #fa8e47).

Katangian laki maaaring kumuha ng mga halaga mula 1 hanggang 7 (ang default ay 3, na tumutugma sa 13.5 puntos para sa font ng Times New Roman). Ang isa pang opsyon para sa pagtukoy ng katangian ay "+1" o "-1". Nangangahulugan ito na ang laki ay mababago kaugnay sa base ng 1 higit pa o mas kaunti, ayon sa pagkakabanggit.

Tingnan natin ang paggamit ng mga katangiang ito sa ating halimbawa:

Tagabuo ng website "Nubex"

Inilapat namin ang tag font para sa isang salita, itinakda namin ito sa laki 6, kulay kahel at ang pamilya ng font na "Serif".

Pagtatakda ng kulay ng teksto gamit ang CSS

Kung kailangan mong maglapat ng partikular na pag-format (halimbawa, baguhin ang kulay ng teksto) sa ilang bahagi ng teksto, mas angkop na gumamit ng CSS code. Mayroong isang katangian ng kulay para dito. Tingnan natin kung paano ito gamitin sa ating halimbawa:

Tagabuo mga site "Nubex"

Dito nagtakda kami ng asul na kulay para sa salitang "Designer" (ang laki nito, bilang default, ay 100% ng base), isang berdeng kulay at isang sukat na 125% para sa salitang "mga site", isang kulay kahel na kulay at isang laki ng 150% para sa salitang "Nubex".

Kapag gumagawa ng isang web page, kailangan mong harapin ang iba't ibang mga hamon sa disenyo. Isa sa mga karaniwang tanong ay kung paano baguhin ang kulay ng teksto sa HTML. Ang paglutas nito ay medyo simple, at mayroong dalawang magkaibang paraan.

Magtakda ng isang inline na katangian ng istilo ng teksto

Upang maunawaan kung paano baguhin ang kulay ng teksto sa HTML, tingnan lamang ang listahan ng mga katangian ng field ng teksto. Kabilang sa mga ito mayroong isang bilang ng mga halaga na tumutukoy sa estilo ng teksto na nakapaloob sa mga tag na ito, na tinukoy sa loob ng estilo ng keyword.

Upang baguhin ang kulay ng teksto, ipasok lamang ang salitang style="" sa napiling lugar ng field ng teksto sa loob ng pambungad na tag. Sa loob ng katangiang ito, maaari mong tukuyin ang iba't ibang mga halaga ng parameter - ang halaga ng katangian ng kulay ay responsable para sa pagbabago ng tono ng kulay ng teksto. Sa pamamagitan ng pagtukoy sa parameter na ito, pagkatapos ng colon dapat mong tukuyin ang kulay kung saan ang lahat ng mga character sa field na ito ay kukulayan. Sa kasong ito, kapag tinutukoy ang isang kulay, maaari mong tukuyin ang parehong tahasang halaga ng kulay, halimbawa, pula o dilaw, at ang hexadecimal na halaga nito, o rgb.

Anuman ang napiling paraan para sa pagtukoy ng kulay, ang resulta ay magiging pareho kung ang lilim ay pinili sa parehong paraan. Kaya, lahat ng sumusunod na tatlong halimbawa ay gagawa ng parehong mga pagbabago sa teksto - kulayan ito ng dilaw.

1.

text

2.

text

3.

text

Pagbabago ng Kulay Gamit ang CSS

Ang paggamit ng isang style sheet ay nagpapahintulot din sa iyo na magpasya kung paano baguhin ang kulay ng teksto sa HTML. Ang CSS ay ganap na sinusuportahan ng lahat ng modernong bersyon ng HTML, at nagbibigay-daan din sa iyong baguhin ang istilo ng ilang elemento ng page nang sabay-sabay.

Upang maunawaan kung paano baguhin ang kulay ng teksto sa HTML gamit ang CSS, hindi mo kailangang maunawaan ang pormal na wika ng hitsura. Upang tukuyin ang mga katangian ng isang partikular na elemento, kailangan mong gumawa ng paglalarawan ng CSS na nakasulat sa loob ng tag , at tinukoy ng tag