16.05.23 tag inline - govl2233/project_studyej GitHub Wiki

๊นƒ๋ฐ์Šคํฌ๊ฐ€ ๋ถˆํŽธํ•˜๋‹ค-> ์•„ํ†ฐ์ž์ฒด๋กœ๋งŒ ๊นƒ์„ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„๋•Œ ์‚ฌ์šฉํ•จ.

  • pull : ์ง‘์—์„œ ์ž‘์—…ํ•œ๊ฒƒ์„ ํ•™์›์ปดํ“จํ„ฐ๋กœ ํ‘ธ์‰ฌํ•ด์„œ ๋ฐ›๋Š”ํ–‰์œ„ -> Ctrl + Shift + H pull์€ ๋‚ด๊ฐ€ ์ง‘์—์„œ ์ž‘์—…ํ•œ๊ฒƒ์„ ๋ฐ›๋Š”๊ฑฐ์ž„ push๋Š” ๋ณด๋‚ด๋Š” ํ–‰์œ„
  • add-> commit(ํ˜„์žฌ add๊ฐ€๋˜์–ด์žˆ๋Š” ํŒŒ์ผ์„ ์ฝ”๋ฉ˜ํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ณต๊ฐ„์ด ๋‚˜์˜ด(ํ•œ๊ธ€์€ ์ˆซ์ž๋กœ๋‚˜์˜ด,์˜์–ด๋Š”๊ทธ๋Œ€๋กœ)) -> ctrl +s -> push (์ปค๋ฐ‹์ด๋œ์• ๋“ค๋งŒ) ์™„๋ฃŒ๋˜๋ฉด ํ•˜๋‹จ๋ถ€์— ํ‘ธ์‰ฌํ–ˆ๋‹ค๊ณ  ๋‚˜์˜ด.

github์— ์˜ฌ๋ผ์˜ค๋Š”๊ฑธ ํ™•์ธํ• ์ˆ˜ ์žˆ์Œ ( ๊นƒ๋ฐ์Šคํฌ๋งŒ ๊นƒ๋˜๋Š”๊ฒŒ ์•„๋‹˜! ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ํŽธ๋ฆฌํ•˜๊ฒŒ ํ• ์ˆ˜์žˆ์„๊นŒํ•ด์„œ ๋‚˜์˜ด ) (์•„ํ†ฐ๋ง๊ณ ๋„ htmlํ• ์ˆ˜์žˆ๋Š”๊ฒŒ ๋งŽ๊ณ  ๊ทธ๋ƒฅ ๋„๊ตฌ์ผ๋ฟ์ด๊ณ  ๋ฌด๋ฃŒ๋ผ์„œ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ์ž„)

tag

  1. block ์†์„ฑ
  2. inline ์†์„ฑ

block : h1~h6/table/ul,dt,dd/p ๋“ฑ๋“ฑ ์šฉ๋„ : ๋ ˆ์ด์•„์›ƒ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์†์„ฑ์˜ ์—˜๋ฆฌ๋จผํŠธ. ํŠน์ง• : ๊ฐœํ–‰(์ค„์ด๋ฐ”๋€œ)

โ˜…( inline ์†์„ฑํƒœ๊ทธ๋ฅผ block์ด ๊ฐ์Œ€์ˆ˜์žˆ์Œ)

โ˜…block ์—์„œ <div></div> : ํ•˜๋‚˜๋กœ ๋ฌถ์–ด์„œ ๊ทธ๋ฃน์œผ๋กœ ์‚ฌ์šฉํ• ๋•Œ.(์˜์—ญ์„ ์žก์•„์ค„๋•Œ ์‚ฌ์šฉ) (์•„๋ฌด์˜๋ฏธ์—†์Œ)

inline : input/span/strong ๋“ฑ๋“ฑ ์šฉ๋„ : ๋ ˆ์ด์•„์›ƒ ์•ˆ์— ์ปจํ…์ธ ๋ฅผ ๊พธ๋ฐ€๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์†์„ฑ์˜ ์—˜๋ฆฌ๋จผํŠธ. ํŠน์ง•:์ค„์ด์•ˆ๋ฐ”๋€œ

โ˜…(๋‹จ,block ํƒœ๊ทธ๋ฅผ inline์ด ๊ฐ์‹ธ์ง€ ๋ชปํ•จ)

โ˜…inline ์—์„œ <span></span> : ํ•œ์ค„์—์„œ ์‚ฌ์šฉํ• ๋•Œ (์•„๋ฌด์˜๋ฏธ์—†์Œ)

inline ์†์„ฑ์˜ ๋Œ€ํ‘œ์ ์ธ tag๋“ค

<b></b>----๋””์ž์ธ์ƒ์œผ๋กœ ๊ตต์€ bold

<strong></strong>-----bํƒœ๊ทธ๋ณด๋‹ค ์‚ฌ์šฉ๋นˆ๋„ ๋†’์Œ.๊ฐ•์กฐํ• ๋•Œ ๊ตต์Œ์šฉ (๋ฆฌ๋”ฉ๊ธฐ๊ฐ€ ์ฝ์„๋• ์•…์„ผํŠธ๊ฐ€ ๋ถ™์Œ)

<i></i> -------๊ธ€์ž ๊ธฐ์šธ์ž„๊ผด ์ดํƒค๋ฆญ์ฒด

<em></em>-----๊ฐ•์กฐ์˜ ๋‹ค๋ฅธํƒœ๊ทธ ์ดํƒค๋ฆญ์ฒด ํ•˜๋ฉด์„œ ๊ตต์Œ.(๋ฆฌ๋”ฉ๊ธฐ๊ฐ€ ํ•˜์ดํ†ค์œผ๋กœ ์ฝ์Œ)

<sup></sup>---- ์œ„๋กœ

<sub></sub>----์•„๋ž˜๋กœ

<q></q> ------์งง์€ ์ธ์šฉ๋ฌธ (๋ฌธ์ž์—ด๊ฐ€๋ฅดํ‚ด) (๋”ฐ์˜ดํ‘œ ์•ˆ์จ๋„  ์ €์ ˆ๋กœ์ƒ๊น€) ์ฟผํ„ฐ์˜์•ฝ์ž ex) ์ฒ ์ˆ˜์™ˆ..๋“ฑ๋“ฑ

<ins></ins>----- del ํƒœ๊ทธ๋ž‘ ๊ฐ™์ด์›€์ง์ž„(ex ์‡ผํ•‘๋ชฐํ• ์ธ๊ฐ€,์ •๊ฐ€ )

<del></del>-----๋”œ๋ฆฌํŠธ์˜ ์•ฝ์ž

<u></u> ----- ์ถ”๊ฐ€์—†์ด ๋ฐ‘์ค„๋˜๋Š”๊ฒƒ 

ins์™€ del์€ ๋ฌด์—‡์„ ์‚ญ์ œํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋Š”๊ฑฐ๊ณ 
  • span, strong,em ๋งŒ 90% ์‚ฌ์šฉ

inline ์ถ”๊ฐ€์ž…๋ ฅ์‚ฌํ•ญ

  <button type="button">๋ฒ„ํŠผ</button` -----type ์ด์—†์–ด๋„ ์‚ฌ์šฉํ•˜์ง€๋งŒ ์ ๋Š”๊ฒŒ ์ข‹์Œ
  <button type="submit">๋ฒ„ํŠผ</button>

<select>

    <option value="">์„œ์šธ</option>----------์…€๋ ‰ํŠธ๋ฐ•์Šค.๋””์ž์ธ์ด ์›๋ž˜์•ˆ๋จ(์ œ์ด์ฟผ๋ฆฌ๋กœ ๊ฐ™์ด์‚ฌ์šฉํ•ด์•ผํ•จ)

     <option value="">๊ฒฝ๊ธฐ</option>

     <option value="">๊ฐ•์›</option>

     <option value="">๊ฒฝ๋‚จ</option>

</select>

์ถ”๊ฐ€์˜ต์…˜ โ˜…value="์„œ์šธ" ์ด๋ผ๊ณ  ์ž‘์„ฑํ•˜์ง€๋งŒ ๊ฐœ๋ฐœ์ž๊ฐ€ ํ•˜๋Š”๊ฑฐ๋ผ ์ ์ง€๋ง๊ธฐ

inline ๋‹ค๋ฅธ์ž…๋ ฅ์‚ฌํ•ญ

<textarea> </textarea>

<textarea name="name" rows="8" cols="40"></textarea>

โ˜…์—ฌ๋Ÿ์ค„ ๊ณต๊ฐ„๋ณด์œ ์— ํ•œ์ค„๋‹น ๊ธ€์ž 40์ž๋กœ ๋งŒ๋“ค์–ด๋‹ฌ๋ผ๋‚ด์šฉ -----๋ณดํ†ต ๊ธ€์ž์ˆ˜ ์ œ์–ดํ•˜์ง€์•Š๊ณ  ์‚ฌ์ด์ฆˆ๋กœ ์ค€๋‹ค. ์ด๋ ‡๊ฒŒ ์žˆ๋‹ค๋ผ๊ณ  ์ƒ๊ฐ๋งŒํ•˜๊ธฐ.

โš ๏ธ **GitHub.com Fallback** โš ๏ธ