ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯥꯡꯗꯣꯀꯄꯥ꯫

ꯌꯥꯑꯣꯔꯤꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ, ꯂꯣꯌꯅꯅꯥ LESS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯤꯛꯁꯤꯅꯁꯤꯡꯒꯤ ꯀꯥꯟꯅꯕꯥ ꯂꯧꯅꯕꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯁꯥꯡꯗꯣꯀꯄꯥ꯫

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯍꯥꯌꯔꯤꯕꯥ ꯗꯣꯀꯁꯤꯡ ꯑꯁꯤ v2.3.2ꯒꯤꯗꯃꯛꯇꯅꯤ, ꯃꯁꯤ ꯍꯧꯖꯤꯛ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯗ꯭ꯔꯦ꯫ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯚꯔꯖꯟ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ!
ꯂꯦꯁ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯃꯁꯤꯒꯤ ꯃꯔꯨꯃꯗꯥ LESS ꯌꯥꯑꯣꯔꯤ, ꯃꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯐꯕꯥ ꯃꯔꯨꯞ, ꯑꯦꯂꯦꯛꯁꯤꯁ ꯁꯦꯂꯤꯌꯔꯅꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ ꯂꯣꯜ ꯑꯃꯅꯤ꯫ ꯃꯁꯤꯅꯥ ꯁꯤꯁ꯭ꯇꯦꯃꯁꯤꯡꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯗꯥ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ, ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯅꯨꯡꯉꯥꯏꯕꯥ ꯑꯣꯏꯍꯜꯂꯤ꯫

ꯀꯔꯤꯒꯤ LESS?

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯦꯃꯈꯤꯕꯥ ꯑꯃꯅꯥ ꯃꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯊꯨꯅꯥ ꯕ꯭ꯂꯣꯒ ꯄꯣꯁ꯭ꯠ ꯑꯃꯥ ꯏꯈꯤ , ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯀꯨꯞꯅꯥ ꯇꯥꯛꯂꯤ:

  • ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯁꯥꯁꯀꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ~6x ꯍꯦꯟꯅꯥ ꯌꯥꯡꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ꯫
  • ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯇꯥ ꯍꯦꯟꯅꯥ ꯏꯔꯤ, ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯔꯨꯕꯤ ꯋꯤꯊ ꯁꯥꯁꯀꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯗꯥꯏꯚ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯄꯦꯆ ꯇꯧꯕꯗꯥ ꯂꯥꯌꯍꯜꯂꯤ꯫
  • ꯍꯟꯊꯕꯥ ꯑꯁꯤ ꯍꯦꯟꯅꯥ; ꯑꯩꯈꯣꯌꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.

ꯀꯔꯤ ꯌꯥꯑꯣꯔꯤꯕꯒꯦ?

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯑꯦꯛꯁꯇꯦꯟꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯑꯦꯜ.ꯏ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯀꯣꯗꯀꯤ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯥ ꯁ꯭ꯅꯤꯄꯦꯠꯁꯤꯡꯒꯤꯗꯃꯛ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ, ꯏꯆꯝ ꯆꯝꯕꯥ ꯃꯦꯊꯁꯀꯤꯗꯃꯛ ꯑꯣꯄꯔꯦꯁꯅꯁꯤꯡ, ꯅꯦꯁ꯭ꯇꯤꯡ, ꯑꯃꯁꯨꯡ ꯃꯆꯨꯒꯤ ꯐꯉ꯭ꯀꯁꯅꯁꯤꯡ ꯐꯥꯑꯣꯕꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ꯫

ꯑꯍꯦꯅꯕꯥ ꯈꯉꯅꯕꯒꯤꯗꯃꯛ http://lesscss.org/ ꯗꯥ ꯂꯩꯕꯥ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯋꯦꯕꯁꯥꯏꯠꯇꯥ ꯆꯪꯕꯤꯌꯨ꯫

ꯑꯩꯈꯣꯌꯒꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯅꯥ ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯕꯥ ꯑꯃꯁꯨꯡ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯃꯁꯤ ꯑꯔꯣꯏꯕꯥ ꯄ꯭ꯔꯗꯛꯁꯟ ꯏꯃꯞꯂꯤꯃꯦꯟꯇ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯃꯇꯧ ꯀꯔꯝꯅꯥ...

ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯣꯗꯤꯐꯥꯏꯗ CSSꯒꯥ ꯂꯣꯌꯅꯅꯥ GitHubꯗꯥ ꯄꯨꯜ ꯔꯤꯛꯕꯦꯁ꯭ꯠ ꯑꯃꯥ ꯁꯕꯃꯤꯠ ꯇꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ CSS ꯑꯗꯨ ꯃꯦꯊꯗꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯒꯗꯕꯅꯤ꯫

ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯈꯨꯠꯂꯥꯌꯁꯤꯡ꯫

ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ꯫

ꯀꯃꯥꯟꯗ ꯂꯥꯏꯅꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ GitHubꯗꯥ ꯂꯩꯕꯥ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯔꯤꯗꯃꯤꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯏꯅꯁ꯭ꯠꯔꯛꯁꯅꯁꯤꯡ ꯑꯗꯨ ꯏꯅꯒꯗꯕꯅꯤ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ꯫

ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ Less.js ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯂꯝꯕꯤ (ꯑꯃꯁꯨꯡ Bootstrap) ꯑꯗꯨ <head>.

<link rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ/ꯂꯦꯁ" href = "/ꯄꯥꯊ/ꯇꯨ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯂꯦꯁ" > <ꯁ꯭ꯛꯔꯤꯞꯇ src = "/ꯄꯥꯊ/ꯇꯨ/ꯂꯦꯁ.js" ></script>  
 

.less ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯥ, ꯃꯈꯣꯌꯗꯨ ꯁꯦꯚ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯣꯗ ꯇꯧ꯫ Less.jsꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯂꯣꯀꯦꯜ ꯁ꯭ꯇꯣꯔꯦꯖꯗꯥ ꯁ꯭ꯇꯣꯔ ꯇꯧꯏ꯫

ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯞ ꯑꯃꯥ꯫

ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯞ ꯑꯁꯤꯅꯥ .less ꯐꯥꯏꯂꯁꯤꯡꯒꯤ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯁꯤꯡ ꯌꯦꯡꯏ ꯑꯃꯁꯨꯡ ꯌꯦꯡꯁꯤꯜꯂꯤꯕꯥ .less ꯐꯥꯏꯜ ꯑꯃꯥ ꯁꯦꯚ ꯇꯧꯕꯥ ꯈꯨꯗꯤꯡꯒꯤ ꯀꯣꯗ ꯑꯗꯨ ꯂꯣꯀꯦꯜ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯦꯞ ꯑꯗꯨꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯄꯁꯟꯗꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯀꯔꯝꯕꯥ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯗꯥ ꯂꯣꯏꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯑꯍꯦꯅꯕꯥ ꯑꯦꯄꯁꯤꯡ꯫

ꯀ꯭ꯔꯥꯟꯆ ꯇꯧꯕꯥ꯫

ꯀ꯭ꯔꯥꯟꯆ ꯑꯁꯤ ꯑꯦꯗꯣꯕ ꯑꯦꯌꯔꯗꯥ ꯁꯥꯕꯥ ꯑꯆꯧꯕꯥ ꯎꯕꯥ ꯐꯪꯂꯤꯕꯥ ꯂꯦꯁ ꯑꯦꯗꯤꯇꯔ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯥꯏꯂꯔ ꯑꯃꯅꯤ꯫

ꯀꯣꯗꯀꯤꯠ꯫

ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯄꯀꯥ ꯃꯥꯟꯅꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯅꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯀꯣꯗꯀꯤꯠ ꯑꯁꯤ ꯂꯦꯁ, ꯑꯦꯁ.ꯑꯦ.ꯑꯦꯁ.ꯑꯦꯁ., ꯁ꯭ꯇꯥꯏꯂꯁ, ꯑꯃꯁꯨꯡ ꯀꯣꯐꯤꯁ꯭ꯛꯔꯤꯞꯇ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ ꯃꯦꯛ ꯑꯦꯞ ꯑꯃꯅꯤ꯫

ꯁꯤꯝꯄꯂꯂꯦꯁ ꯑꯣꯏꯕꯥ꯫

LESS ꯐꯥꯏꯂꯁꯤꯡ ꯗ꯭ꯔꯦꯒ ꯑꯃꯁꯨꯡ ꯗ꯭ꯔꯣꯞ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯃꯦꯛ, ꯂꯤꯅꯥꯛꯁ, ꯑꯃꯁꯨꯡ ꯎꯏꯟꯗꯣꯖ ꯑꯦꯞ꯫ ꯄ꯭ꯂꯥꯁ, ꯁꯣꯔꯁ ꯀꯣꯗ ꯑꯁꯤ GitHub ꯗꯥ ꯂꯩ꯫

ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯤꯅꯤꯐꯥꯏꯗ ꯇꯧꯔꯕꯥ CSS ꯑꯃꯁꯨꯡ JS ꯑꯗꯨ ꯊꯥꯗꯣꯛꯇꯨꯅꯥ ꯋꯦꯕ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯊꯨꯅꯥ ꯍꯧꯒꯗꯕꯅꯤ꯫ ꯐꯖꯅꯥ ꯑꯄꯒ꯭ꯔꯦꯗ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯂꯣꯃꯗꯥ ꯆꯪꯁꯤꯜꯂꯤꯕꯥ ꯃꯦꯟꯇꯦꯅꯦꯟꯁꯀꯤꯗꯃꯛ ꯀꯁ꯭ꯇꯝ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯗꯥ ꯇꯣꯉꯥꯟꯅꯥ ꯂꯦꯌꯔ ꯇꯧꯕꯥ꯫

ꯐꯥꯏꯜ ꯁ꯭ꯠꯔꯀꯆꯔ ꯁꯦꯠ ꯇꯧꯕꯥ꯫

ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯑꯗꯨꯗꯥ ꯊꯝꯃꯨ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯥ ꯂꯩꯕꯥ ꯌꯥꯏ:

  ꯑꯦꯞ/
      ꯂꯦꯑꯥꯎꯇꯁꯤꯡ/
      ꯇꯦꯃꯞꯂꯦꯠꯁꯤꯡ/
  ꯃꯤꯌꯥꯝ/
      ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ./
          ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ
      ꯖꯦ.ꯑꯦꯁ./
          ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯖꯦ.ꯑꯦꯁ
      ꯏ.ꯑꯦꯝ.ꯖꯤ./
          ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁ-ꯍꯥꯐꯂꯤꯡꯁ.ꯄꯤ.ꯑꯦꯟ.ꯖꯤ
          ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁꯤꯡ-ꯍꯥꯐꯂꯤꯡꯁ-ꯍꯣꯏꯠ.ꯄꯤ.ꯑꯦꯟ.ꯖꯤ

ꯁ꯭ꯇꯥꯔꯇꯔ ꯇꯦꯃꯞꯂꯦꯠ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯍꯧꯗꯣꯛꯅꯕꯒꯤꯗꯃꯛ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯕꯦꯖ HTML ꯑꯁꯤ ꯀꯣꯄꯤ ꯇꯧꯔꯣ꯫

  1. <html> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  2. <ꯍꯦꯗ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  3. <title> ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯱꯰꯱ ꯇꯦꯃꯞꯂꯦꯠ </title>
  4. <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
  5. <link href = "ꯄꯕ꯭ꯂꯤꯛ/ꯁꯤꯑꯦꯁꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯁꯤꯑꯦꯁ" rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ" >
  6. </head>ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯉꯥꯡꯈꯤ꯫
  7. <ꯍꯀꯆꯥꯡ>꯫
  8. <h1> ꯅꯨꯡꯉꯥꯏꯕꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯃꯥꯂꯦꯝ! </h1> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  9. <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
  10. <script src = "ꯄꯕ꯭ꯂꯤꯛ/ꯖꯦꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯖꯦꯑꯦꯁ" ></script>
  11. </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
  12. </html> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

ꯀꯁ꯭ꯇꯝ ꯀꯣꯗꯇꯥ ꯂꯦꯌꯔ꯫

ꯑꯗꯣꯃꯒꯤ ꯏꯁꯥꯒꯤ ꯇꯣꯉꯥꯅꯕꯥ CSS ꯑꯃꯁꯨꯡ JS ꯐꯥꯏꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯑꯗꯣꯃꯒꯤ ꯑꯣꯏꯕꯥ ꯑꯣꯏꯍꯟꯅꯕꯥ ꯑꯗꯣꯃꯒꯤ ꯀꯁ꯭ꯇꯝ CSS, JS, ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯤꯌꯨ꯫

  1. <html> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  2. <ꯍꯦꯗ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  3. <title> ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯱꯰꯱ ꯇꯦꯃꯞꯂꯦꯠ </title>
  4. <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
  5. <link href = "ꯄꯕ꯭ꯂꯤꯛ/ꯁꯤꯑꯦꯁꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯁꯤꯑꯦꯁ" rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ" >
  6. <!-- ꯄ꯭ꯔꯣꯖꯦꯛꯇ -->
  7. <link href = "ꯄꯕ꯭ꯂꯤꯛ/ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ./ꯑꯦꯞꯂꯤꯀꯦꯁꯟ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ" rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ" >
  8. </head>ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯉꯥꯡꯈꯤ꯫
  9. <ꯍꯀꯆꯥꯡ>꯫
  10. <h1> ꯅꯨꯡꯉꯥꯏꯕꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯃꯥꯂꯦꯝ! </h1> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  11. <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
  12. <script src = "ꯄꯕ꯭ꯂꯤꯛ/ꯖꯦꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯖꯦꯑꯦꯁ" ></script>
  13. <!-- ꯄ꯭ꯔꯣꯖꯦꯛꯇ -->
  14. <script src = "ꯄꯕ꯭ꯂꯤꯛ/ꯖꯦ.ꯑꯦꯁ./ꯑꯦꯞꯂꯤꯀꯦꯁꯟ.ꯖꯦ.ꯑꯦꯁ" ></script>
  15. </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
  16. </html> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫